Change Detection
Everything you need to know about debugging Angular applications
Master Angular debugging with the ng.probe API and custom console tools to inspect component instances, injectors, and change detection.
2017
74 articles · page 3 of 4
Dependency Injection
Hooking into the Angular bootstrap process
Master Angular app initialization using APP_INITIALIZER and APP_BOOTSTRAP_LISTENER to execute custom logic before the app starts.
RxJS
ES6 Iterators and Generators by example
Stop inefficient iteration in Linked Lists with ES6 generators. Implement the iterable protocol to clean up code and boost performance.
Testing
Using Angular And AOT With Webpack
Using Angular And AOT With Webpack
RxJS
Angular Performance Tuning (Article Series)
Angular Performance Tuning (Article Series)
News
Angular’s $digest is reborn in the newer version of Angular
Demystify the Angular digest loop. Learn how change detection evolved from AngularJS to modern Angular to optimize your app performance.
Components
Angular For Beginners - Components vs Directives
Summary: In this article, you will learn how to extend the browser and build your own custom HTML Input tag, as a means of learning the main functionality provided by Angular Components and Directives. This post is part of the ongoing Angular for Beginners series, here is the complete series: * Angu
RxJS
RxJs SwitchMap Operator: How Does It Work?
Although RxJs has a large number of operators, in practice we end up using a relatively small number of them. And right after the most familiar operators that are also available in arrays (like map, filter, etc.), probably the first operator that we come across that is not part of the Array API but
State
Angular For Beginners Guide: Why Angular? The Top Benefits
Note: This post is part of the ongoing Angular for Beginners series, here is the complete series: * Angular For Beginners Guide - Getting Started (Setup Environment) * Angular For Beginners Guide: Why Angular? The Top Benefits * Angular For Beginners Guide - Components vs Directives * Why a Single P
Components
Angular For Beginners Guide - Getting Started (Setup Environment)
This post is a guide for setting up a solid development environment, for having the best Angular learning and working experience. Let's make sure that we have the best development experience possible and don’t run into constant development environment problems. This might be one of the largest obsta
Forms
Angular SPA: Why Single Page Applications?
In this post, we are going to cover the main benefits of adopting an SPA Architecture while building our Angular Applications, and answer some very common questions regarding SPAs in general. This post is part of the ongoing Angular for Beginners series, here is the complete series: * Angular For Be
RxJS
Angular Architecture: Container vs Presentational Components Pitfalls
This post is part of the ongoing Angular Architecture series, where we cover common design problems and solutions at the level of the View Layer and the Service layer. Here is the full series: * View Layer Architecture - Smart Components vs Presentational Components * View Layer Architecture - Conta
Performance
Lazy Loading Von Modulen Mit Angular 2
Dem Neuen Router Und Webpack
Performance
Angular 2 AOT Compilation
And Tree Shaking With Webpack2 And/Or Rollup: Step By Step
Performance
Performanceoptimierung
Mit Preloading Und Dem Neuen Angular Router
Performance
Optimizing Performance
With Preloading And The New Angular Router [English Version]
Performance
Using NgUpgrade With Angular’s AOT Compiler
To Optimize Performance
Components
Directly Upgrading From AngularJS 1.X
To Angular Without Preparing The Existing Code Base
Change Detection
Everything you need to know about change detection in Angular
Master Angular change detection mechanics to pinpoint performance bottlenecks and optimize your component tree using ChangeDetectorRef.
Change Detection
Angular OnPush Change Detection - Avoid Common Pitfalls
Did you ever try to use the Angular OnPush Change Detection strategy in your application, but run into some hard to debug issues and quickly went back to default change detection? In this post we are going to cover some typical pitfalls where OnPush is giving unexpected results and how to fix those
RxJS
Ngrx Store - An Architecture Guide
This post is part of the ongoing Angular Architecture series, where we cover common design problems and solutions at the level of the View Layer and the Service layer. Here is the full series: * View Layer Architecture - Smart Components vs Presentational Components * View Layer Architecture - Conta
SSR & Hydration
Server Side Rendering With Angular
Server Side Rendering With Angular
Components
Angular Development Mode: What is Unidirectional Data Flow?
An important feature of web frameworks is Unidirectional Data Flow: let's talk about what does the term mean, and what it corresponds to in Angular. Related to it, let's also learn about the Angular development mode, why it's important to use it and how we can troubleshoot it if needed. Let's start
TypeScript
Typescript Type System: How Does it Really Work? Type Compatibility
A key thing about the Typescript Type System is that most of the times it just works, but sometimes we get some surprising error messages that give us an indication that there is something fundamental about it that we might not be aware yet. The great thing about Typescript, is that we could go for