Performance
Clever White Space Handling
For Better Performance In Angular
Latest articles
1,787 articles · page 69 of 75
TypeScript
Gestures in an Angular Application
Simplify mobile interactions in your Angular app using HammerJS. Integrate via platform-browser to implement seamless touch gestures.
Router
A Lightweight And Solid Approach
Towards Micro Frontends (Micro Service Clients) With Angular And/Or Other Frameworks
Forms
A Software Architect’s Approach Towards
Using Angular (And SPAs In General) For Microservices Aka Microfrontends
Components
Generating Custom Angular Code With The CLI And Schematics, Part III:
Extending Existing Code With The TypeScript Compiler API
Tooling & CLI
Custom Schematics – Part IV
Frictionless Library Setup with the Angular CLI and Schematics
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