Tooling & CLI
Custom Schematics – Part IV
Frictionless Library Setup with the Angular CLI and Schematics
Latest articles
1,831 articles · page 71 of 77
Tooling & CLI
Seamlessly updating your Angular Libraries
with the CLI, Schematics and Ng update
Testing
Deploy an Angular Application to IIS
Struggling with Angular router 404s on IIS? Use the base-href flag and web.config rules to enable seamless sub-folder deployments today.
Performance
What you always wanted to know about Angular Dependency Injection tree
Master the Angular Dependency Injection tree. Learn how the element and module layers bridge to optimize your app and reduce bundle sizes.
Performance
Angular Push Notifications: a Complete Step-by-Step Guide
In this post, we are going to go through a complete example of how to implement Web Push Notifications in an Angular Application using the Angular Service Worker. Note that these are the exact same native notifications that we receive for example on our mobile phones home screen or desktop, but they
SSR & Hydration
Pre-rendering Angular Applications
Learn how to use Server-side rendering to prerender our Angular application at build time.
Components
Angular Material Dialog: A Complete Example
In this post, we are going to go through a complete example of how to build a custom dialog using the Angular Material Dialog component. We are going to cover many of the most common use cases that revolve around the Angular Material Dialog, such as: common dialog configuration options, passing data
Components
Angular Debugging "Expression has changed": Explanation (and Fix)
In this post, we will cover in detail an error message that you will occasionally come across while building Angular applications: "Expression has changed after it was checked" - ExpressionChangedAfterItHasBeenCheckedError. We are going to give a complete explanation about this error. We will learn
Release
Stable AngularJS and Long Term Support - Angular Blog
AngularJS is planning one more significant release, version 1.7, and on July 1, 2018 it will enter a 3 year Long Term Support period. AngularJS is an extremely stable framework for building web…
Components
Angular Material Data Table: A Complete Example
In this post, we are going to go through a complete example of how to use the Angular Material Data Table. We are going to cover many of the most common use cases that revolve around the Angular Material Data Table component, such as: server-side pagination, sorting, and filtering. This is a step-by
Performance
Catch Angular template errors like a pro or how I create Angular Demo
Struggling to debug Angular code? Master template and runtime errors with ng-run to troubleshoot faster and improve code quality.
Performance
Dynamically Loading Components with Angular CLI
Reduce your initial bundle size by lazy loading components outside of the router. Master dynamic chunk creation for faster load times.
RxJS
Insider’s guide into interceptors and HttpClient mechanics in Angular
Master Angular HTTP interceptors by decoding the internal middleware chain. Optimize request handling and state with robust patterns.
RxJS
RxJS best practices in Angular
This article is all about the do’s and don’ts when it comes to writing reactive applications with RxJS in Angular applications.
Change Detection
He who thinks change detection is depth-first and he who thinks it’s breadth-first are both usually right
Master Angular change detection flow. Learn why components appear to load breadth-first and optimize your lifecycle logic for faster apps.
Tooling & CLI
Angular Service Worker - Step-By-Step Guide
With the Angular Service Worker and the Angular CLI built-in PWA support, it's now simpler than ever to make our web application downloadable and installable, just like a native mobile application. In this post, we will cover how we can configure the Angular CLI build pipeline to generate applicatio
RxJS
Learn to combine RxJs sequences with super intuitive interactive diagrams
Struggling to sync data across complex observables? Master RxJS sequence composition to merge streams and handle async events with ease.
Performance
Angular App Shell - Boost Application Startup Performance
One of the things that most impacts User Experience (especially on mobile) is the application startup experience, and perceived performance. In fact, studies have shown that 53% of mobile users abandon sites that take longer than 3 seconds to load! And this is true for all applications in general, n
RxJS
Angular Reactive Templates with ngIf and the Async Pipe
The ngIf template syntax is very useful in many common use cases, like for example using an else clause when we want to display a loading indicator. But it turns out that there is more to ngIf than it might seem at first sight: The "ngIf as" syntax combined with the async pipe is also a key part for
Components
Automatically Updating Angular Modules With Schematics And The CLI
Table of Contents This blog post is part of an article series. Part I: Generating Custom Code With The Angular CLI And Schematics Part II: Automatically Updating Angular Modules With Schematics And The CLI Part III: Extending Existing Code With The TypeScript Compiler API Part IV: Frictionless Libra
Components
Service Workers - Practical Guided Introduction (several examples)
In this post, we are going to do a practical guided Tour of Service Workers, by focusing on one of its most important use cases: Application Download and Installation (including application versioning). As a learning exercise, I invite you to code along, and turn your application into a PWA by makin
Components
Angular :host, :host-context, ::ng-deep - The Complete Guide
In this post, we will learn how the default Angular styling mechanism (Emulated Encapsulation) works under the hood, and we will also cover the Sass support of the Angular CLI, and some best practices for how to leverage the many Sass features available. We will talk about when to use each feature a
Release
Version 5.0.0 of Angular Now Available - Angular Blog
We are pleased to announce version 5.0.0 of Angular, pentagonal-donut. This is a major release containing new features and bugfixes. This release continues our focus on making Angular smaller…
State
Generating Custom Code With The Angular CLI And Schematics
Generating Custom Code With The Angular CLI And Schematics