Daniel Kreider

Angular Developer & Consultant

Daniel

Hi, I'm Daniel Kreider.

There are a lot of things I'm bad at...

Can't market my way out of a paper bag.

Don't know how to change the oil in my car.

And I don't even have a Twitter, Instagram or Facebook account.

But I do know a thing or two about the Angular Framework.

I've written over 100 blog posts about Angular that have been read more than 536,198 times.

And also wrote two free Angular books.

A little while ago I showed up as an invited guest on the Adventures in Angular podcast.

Plus I'm the author of a few open-source Angular libraries - ngx-search-filter and ngx-loading-buttons.

Projects & Portfolio

ngx-loading-buttons

ngx-loading-buttons

A lightweight Angular library to add a loading spinner to your Angular Material buttons.

ngx-search-filter

ngx-search-filter

A lightweight Angular search library to filter arrays of strings or objects.

Angular Material Dark Theme Guide For Beginners (With Code Examples)

Any Angular Material app that isn't using a custom theme is missing out. Why, even the official docs have 4 different themes that you can choose from. So, let's learn how to build a custom dark theme for our own Angular Material app.

Read article

How To Create Angular Rotate Animations

Animations sprinkled here and there inside of your Angular app will help improve the feel and experience of your users. Today I'm going to show you how to create rotate animations in Angular.

Read article

How To Do Angular Internationalization + Angular Material (In 8 short steps)

In this article I'm going to show you how to build an Angular Material dashboard that supports multiple languages.

Read article

How to use the new Angular control-flow syntax

Even Minko, a popular dev on the Angular team, admitted he often had to refer to the docs to remember Angular control flow syntax...

Read article

Generate Angular Component In Specific Folder (Quick Guide)

So you're diving into Angular with the Angular CLI... And you're ready to generate some components.

Read article

Building a web app with Angular

This will be a quick introduction into the basic features of the Angular framework.

Read article

What Are The Advantages of Web Based Applications?

Web applications are the silent workhorses of the internet. 🐎

Read article

Install specific version of Angular CLI (How-to Guide)

Hey Angular friends! πŸ‘‹ Today I'm going to show you how to install a specific version of the Angular CLI.

Read article

Getting Started with Angular: How to start an Angular project

How to start an Angular project – one of the most powerful and popular front-end JavaScript frameworks available today. πŸ€™

Read article

How to create read more/less button (Angular)

Looking for Angular code that can shorten a paragraph if it has more then a certain number of characters?

Read article

Best Practices for Efficient Angular Project Structure

You see, having a well-structured Angular project isn't just about neatness but also about developer productivity, readability, and scalability. 🀠

Read article

Angular Filter Pipe - How To Use It (The Simple Guide)

Here's how to use an Angular filter pipe, even though it doesn't exist as part of the framework anymore.

Read article

How To Create Angular Slide Animations: Simple Examples For Beginners

Animations are cool. And a few animations sprinkled here and there inside of your Angular app will dramatically... 🀩

Read article

Angular - Fade In & Out Animations (Code examples included)

Angular animations can be a bit confusing if you're used to working with CSS animations. But they're really not hard to create once...

Read article

What is the difference between NgIf and [hidden]?

Although both directives can be used to achieve similar results, they have differences and are suitable for different scenarios. 🧐

Read article

The different types of Angular tests (and when to use them)

Here are the 6 different test types for Angular applications. And we'll even be talking about my nosy neighbors, Angular love stories, and... 🫑

Read article

Should my startup use Angular?

Here are a few examples of startups that have used Angular. And also the benefits and challenges of using Angular for startup development.

Read article

How to build an MVP with Angular (5 Tips and Best Practices for 2023)

If you're a startup founder, you know the importance of getting your product to market as quickly as possible... πŸƒβ€β™‚οΈ πŸƒβ€β™‚οΈ πŸƒβ€β™‚οΈ

Read article

Why do Businesses Choose Angular for Web Application Development?

Did you know that more than 319k websites currently use Angular? Here are 7 reasons why entrepreneurs and enterprises are choosing Angular.

Read article

Auth State Management βš™οΈ (For a Basic Angular App)

Today I'm going to show you how to add auth state management to your existing Angular project. We'll be using a very tiny Angular library called...

Read article

How To Convert Your Angular App Into a PWA (2024)

Have you heard about the PWA success stories out there? Starbucks, for example, was able to reduce the size of their app by 99.84% when they switched from their iOS app to a PWA. 🀠

Read article

5 Angular Material schematics you must start using today (else you're wasting time)

When I first started using the Angular Material library I had no idea that these schematics existed. And I would waste hours getting...

Read article

How to copy text in Angular (The Definitive Guide)

Today you're going to learn how to copy text in Angular. That is, I'm going to show you exactly how to copy text to the clipboard programmatically.

Read article

The quick guide to supporting ng add (code examples included)

How to create a ng add schematic for your Angular library in less than 5 minutes. Even if you have no idea where to start (plenty of code examples included).

Read article

How to create an Angular Schematics to import a CSS file

I discovered how to create an Angular schematics that can modify the angular.json file and import a CSS asset. Here's how you can do it as well.

Read article

How to do dependency inversion in Angular

Wanna beef the quality of your Angular application? Then read this to learn why using dependency inversion could help you dodge a kick in the teeth.

Read article

What is the difference between a Promise and Observable?

This is a story and simple-pimple guide for dummies like me about Promises, Observables, and why I failed my GDE interview. This really isn't complicated - if you listen to great teachers like me. 😜

Read article

Angular - How to return to last page

Imagine if your Angular app would "remember" the last page your users visited before they closed their browser tab. And next time they opened your app...

Read article

Angular: How to profile runtime performance

Performance problems are aggravating. As aggravating as being stuck on an airplane seat with broken glass in your underwear...

Read article

The Simple Angular Browser Detection Tutorial

Are you an Angular developer? Working on an Angular application? That needs to detect what browser a user is using? How do you get browser information in Angular?

Read article

Want a boring Angular app? Then don't do this.

If you want to build a boring Angular application then don't read this. Otherwise, here's how to add some intrigue and mystery to your Angular app. While having a blast yourself. And... without wasting hours of your time.

Read article

Angular Material Form Validation (With Code Examples)

If your Angular form accepts any kind of input under the sun - with no or even minimal input validation - expect it to blow up in your face. πŸ’₯πŸ’₯πŸ’₯

Read article

The Ultimate Guide To The Angular App Shell

Slow Angular apps are boring - like watching paint dry on a moist day type of boring. So why not join the app shell band-wagon and make your Angular app load faster and impress more people? 🎯 🎯 🎯

Read article

Angular - 5 different ways to filter ngFor (Code examples included)

One of Angular's cool features is the ngFor directive. I remember being fascinated the first time I used it. Why? Because it made jQuery look so... um mm... dumb. 😏

Read article

Angular Quick Answer: Difference between constructor and ngOnInit

Here's the quick answer. The constructor is a Typescript feature used to instantiate the Typescript class. In most Angular projects...

Read article

Global loading spinner to an Angular application (2024 Quick Tutorial)

So what's the quickest way to add a global loading spinner to your Angular application? When it comes to creating a loading spinner...

Read article

Angular & Google Analytics - The Complete Guide

If you want to discover how users are interacting with an Angular application then Google Analytics is definitely the cheapest, easiest and quickest way to get started.

Read article

How to deploy an Angular app - The Complete Guide for 2022

Here's how to deploy your Angular app to Azure, Firebase, Netlify and more.

Read article

How to cache Angular HTTP requests (4 best ways)

So you want to do some caching? And cache the HTTP requests that your Angular app is making?

Read article

Angular Async Pipe - Here's How To Use It (Examples Included)

The async pipe is a special Angular pipe that subscribes to an Observable or Promise and returns the last value that was emitted.

Read article

Angular Project Structure Best Practices (Read With Caution)

How should you structure your Angular application? And what are some best practices to avoid a spaghetti mess?

Read article

Testing Angular Services - A Complete Introduction For Beginners

How do you test Angular services? And suck up those bugs like a vacuum cleaner on steroids. πŸ€“

Read article

Angular Component Testing - The Complete Guide For Beginners

Want to learn how to test Angular components? Here's your getting-started-guide that will teach you how to cleverly test Angular components.

Read article

How to test Reactive Angular Forms (Step-by-step Guide)

The complete guide to testing reactive Angular forms. It's actually simpler than you think.

Read article

Angular & Cypress - The Quick Guide For Beginners

Want to join the crowd and use Cypress to test your Angular app? And best of all it's probably easier than you think.

Read article

How to automatically deploy Angular app to Firebase Hosting using Github Actions

Want to deploy your Angular application to Firebase with GitHub Actions while you sleep? This complete guide will show you how to do it. In less than 5 minutes.

Read article

How to use Protractor with Angular 12 or greater

How to use Protractor for E2E testing on Angular 12 and newer. Even if the Angular team decided to deprecate it...

Read article

How to test Angular apps with Protractor - Complete Guide For Beginners

Want to test your Angular application with Protractor? Here's the complete tutorial for beginners loaded with oodles of examples and explanations to get you started.

Read article

How to test an Angular attribute directives

Got an Angular attribute directive to test? Here's the complete guide to getting started. In only 5 minutes.

Read article

Angular - How to test asynchronous code

Testing functions that return an observable or promise can be mighty hard - like herding a bunch of cats. Here's how to test asynchronous...

Read article

How to test the Angular router

Who says that testing the Angular router is an icky job? A quick intro to navigation and router unit testing in Angular. πŸ™ƒ

Read article

Discover how to write tests for an Angular pipe ✨ ✨ ✨

Wish you knew how to test your Angular pipes? Here's how to get started in less than 5 minutes. And even if you have no idea how to...

Read article

Angular Component DOM Testing - The Complete Guide For Beginners

Writing DOM tests for my Angular components looked overwhelming. But my frustration soon changed to glee when I discovered...

Read article

Angular - How to remove and avoid unused imports

Who else wants to avoid and get rid of those unused Typescript imports that you keep forgetting about? πŸ€”

Read article

Introduction to Angular Testing - Here's how to get started

Who else wants to learn how to properly test an Angular application - in half the time?

Read article

The complete guide to testing Angular HTTP Services

Here's how to quickly test Angular services that depend on the HttpClient - if you want to shake the bugs out of your Angular code.

Read article

This "simple stunt" lets me always release an optimized Angular application.

How to use the Lighthouse package with your Angular app to release production-worthy applications that perform like a boss. Every. Single. Time.

Read article

The Best Angular Courses (2023)

Highly-skilled Angular experts are in-demand. And one of the best ways to become one is by finding an Angular course that will help you improve your Angular skills.

Read article

How to set up Angular code coverage in VS Code

Here's how to configure code coverage to discover which chunks of your Angular application are being tested. In less than 30 seconds.

Read article

The Complete Angular Performance Guide (In 2023)

Here are the steps you can follow to double or even triple the speed and performance of your Angular application.

Read article

The Complete Angular Authentication Demo

Need to add authentication to your Angular application? Here's the complete guide to setting up a login form and authentication with Angular.

Read article

Do you make this mistake in your .NET Core API project?

Need to whip up CRUD functionality for your ASP.NET Core application? Here's how to quickly create CRUD controllers for your data models. Without breaking DRY principles.

Read article

Use Brotli to make your Angular app perform faster

Want your Angular app to load faster? Here's a quick shortcut that could drastically accelerate the performance of your Angular application.

Read article

Angular - How to improve bundle size. And make your Angular app load faster.

Is your Angular application slow? Here are 5 ways you can reduce the bundle size. WARNING: The 4th option could reduce your bundle size by 300%...

Read article

How to add Mocha reporter to Angular in less than two minutes

Read article

How to improve Angular load performance?

Here's the in-depth-guide to improve and optimize your Angular performance and making sure it loads blazingly fast. Every. Single. Time.

Read article

Should you choose Angular or React?

Here's why I choose Angular instead of React. And why you should too. I realize that this is an opinionated thing so take all of this with a grain of salt. In fact, don't even read it.

Read article

How to install and use the Angular CLI

What is the Angular CLI? Here's the step-by-step guide to install the Angular CLI and build your first Angular application

Read article

Angular Pipe Performance - How to build a blazingly fast Angular pipe ⚑️

Looking to make your Angular pipes perform like a dashing cheetah? Then here's how to create a performant Angular pipe. ✨✨✨

Read article

How to Deploy Angular App to Firebase Hosting (2022)

Want to deploy your Angular app to Firebase hosting? In less than 5 minutes? Today I'm going to show you how to host your Angular app with Firebase hosting.

Read article

Use trackBy to improve Angular application performance

Looking to make your Angular application perform better? Then here's how to take advantage of Angular's trackBy function. And make your Angular application perform like a boss.

Read article

.NET Core - The simple step-by-step guide to creating and using a Generic Repository

Need to create a generic repository for your .NET Core web API project? Here's the simple step-by-step guide that will teach you how to build and code a generic repository.

Read article

Quick steps you can use to improve Angular change detection performance

Did you know that Angular change detection has it's limits? And if you're not wise, it'll get grouchy and make you look like a bad coder.

Read article

Here's how to rapidly create Typescript models and HTTP clients for your frontend Angular application πŸ‘‰

I'll teach you how to automatically generate API clients and interfaces for your Angular application. And potentially save yourself heaps of time. πŸ₯³

Read article

Angular Preloading Strategies - What are they? And how are they used?

Want a savvy understanding about lazy-loaded modules and preloading strategies? Here's the complete guide that will teach you everything you need to know about Angular's preloading strategies.

Read article

Where's the best place to hire an Angular consultant?

Looking for an Angular expert? Here's a list of 12 top places you can go hunting for an Angular consultant or freelancer.

Read article

How to become a successful Angular consultant?

Want to discover 8 tips and tools that any Angular consultant and expert can use to become wildly successful? Then click here to read more.

Read article

How to add Toastr Notifications to your Angular application

Angular and toast notifications. Here's the complete guide on how to install and use Toastr in your Angular app to create toast notifications

Read article

Animated Skeletons & Angular - How to Build a Fantastic Angular User Experience

Read article

How to add Ghost animations to your Angular table? πŸ‘» πŸ‘» πŸ‘»

Here's the code, demos and screenshots on how to create a basic Ghost table animation that you can adapt for your Angular project.

Read article

The 13 Best Angular Books of 2023 (In-Depth Review)

Looking for an Angular book? Here's a juicy list of the best Angular books that will help you advance your Angular expertise.

Read article

How do you craft a honking powerful Angular application? πŸš€

Will your Angular app smoothly scale to millions of users? Here's a guide with 5 tips on how to build an Angular application that won't cave in and crash. πŸ”₯ πŸ”₯ πŸ”₯

Read article

5 Workflow Tricks For Busy Angular Developers

Read article

How to use Semantic UI in your Angular app (Of course it's possible)

Trying to add Semantic UI to your Angular app? Struggling with weird gulp errors? Here's how to add Semantic UI components to your Angular app… without getting frustrated.

Read article

How to retry an HTTP request in Angular (with code examples)

Want to retry a failed HTTP request? Here's to manage HTTP failures in Angular.

Read article

How to monitor the slowness of your Angular web app's HTTP requests and API calls

The simple-pimple guide to expose slow HTTP requests that are frustrating users and no doubt causing revenue loss. Without installing moment.js and bloating your Angular app.

Read article

How to build a dynamic Angular form?

Need to build a dynamic Angular form? Here's the step-by-step tutorial you need to create an advanced dynamic form in Angular.

Read article

How to build a basic dynamic form with Angular?

Need a quick intro to dynamic Angular forms? Here's a 3-minute guide to get you started.

Read article

Angular Reactive Forms - The complete step-by-step guide

Are you a beginner to Angular's reactive forms? Here's how to harness the power of reactive Angular forms in your web application. Full of examples and lots of code.

Read article

Convert your .NET Core with Angular SPA app to an NX environment

Interested in joining the big guys by adding NX (Nrwl Extensions) to your ASP.NET Core Angular App? Then here's your step-by-step guide.

Read article

How to add a loading spinner to an Angular MaterialΒ button (Step-by-step Guide)

Here's the 2-minute guide that will show you how to add a loading spinner to the Angular Material Button. Code and explanation included.

Read article

Angular Feature Toggling (4 different ways) πŸ’‘

Here are 4 different ways that you can use to add simple and powerful feature toggling to an Angular app.

Read article

Should I add jQuery to my Angular application? πŸ€·β€β™‚οΈ

Wondering if it's a good idea to use jQuery in your Angular application? Here's a complete guide to help you decide.

Read article

Angular and Jest - Here's how to write your first basic Angular test

Read article

(Angular) What should I test? Here's how you can get the best ROI

Trouble deciding what parts of your Angular application you should be testing? Here's the 3 minute guide on how to get the best ROI...

Read article

(Angular) Globally enforce a coding style using TSLint + Prettier + Husky

Here's a complete guide on how to automate and enforce a global coding styling so that you and your developers can focus on what matters.

Read article

How to build a highly effective Angular team

Read article

How to use jQuery with Angular?

The complete guide on adding jQuery to your Angular project - with code examples and explanations

Read article
Angular Project Training

Learn the tricks that the official Angular docs do not talk about.

Angular Testing Training

The masterclass for anyone that wants to quickly learn the essentials of Angular testing.

Angular Testing Book

The Complete Book On Angular Testing

100+ pages with more then 30 testing examples and secrets you need to know about testing Angular apps.

Angular Performance Book

Angular Performance

How to double or even triple the performance of your Angular app.