Performance
The Three Pillars of Angular Routing. Angular Router Series Introduction.
Master the Angular router architecture. Learn how router states ensure efficient navigation and cleaner, scalable app management.
2018
76 articles · page 2 of 4
Components
Upgrading with Web Components: From AngularJS to Angular
Upgrading from AngularJS to Angular can be challenging. Framework-independent Web Components can help here. Fortunately, Angular now allows exposing Web Components and beginning with AngularJS 1.7.3 you can easily consume them. To be more precise, we should use the word Custom Elements instead of We
Release
Practical application of reverse-engineering guidelines and principles
Master React internals by reverse-engineering the source code. Learn to use debuggers to track DOM node creation and simplify debugging.
Tooling & CLI
The Angular Library Series — Publishing
Launch your Angular library to the world by mastering npm publishing. Learn to manage package.json, automate builds, and ship updates.
State
Level Up Your Reverse Engineering Skills
Master complex frameworks through reverse-engineering. Adopt scientific debugging techniques to uncover hidden patterns and level up.
Testing
Angular Testing with Headless Chrome
Speed up CI pipelines by configuring Angular CLI to run unit and E2E tests in Headless Chrome. Streamline your automation workflow now.
RxJS
Building Your Own Observable Part 3: The Observer Pattern and Creational Methods
Master the Observer pattern by building your own Observable from scratch. Gain deep insights into RxJS internals to write better code.
RxJS
Build Your Own Observable, Part 2: Containers, and Intuition
Master Observables by viewing them as asynchronous arrays. Use declarative operators to compose event streams and clean up your code.
Testing
Becoming an Angular Environmentalist
Master Angular environments to switch between API URLs and feature flags effortlessly. Improve your build process and deployment flow.
RxJS
RxJs Error Handling: Complete Practical Guide
Error handling is an essential part of RxJs, as we will need it in just about any reactive program that we write. Error handling in RxJS is likely not as well understood as other parts of the library, but it's actually quite simple to understand if we focus on understanding first the Observable cont
RxJS
Building a safe autocomplete operator in RxJS
A well-known use case of RxJS is creating a simple autocomplete search in only a few lines of code. This article is not just about creating our own autocomplete operator, we will create an autocomplete operator that is completely safe (we will cover the perception of safe later in this article).
RxJS
RxJs Mapping: switchMap vs mergeMap vs concatMap vs exhaustMap
Some of the most commonly used RxJs operators that we find on a daily basis are the RxJs higher-order mapping operators: switchMap, mergeMap, concatMap and exhaustMap. For example, most of the network calls in our program are going to be done using one of these operators, so getting familiar with th
RxJS
Build Your Own Observable Part 1: Arrays
Master RxJS observables by rebuilding core array methods from scratch. Simplify your logic and improve code composability today.
RxJS
Thinking reactive with the SIP principle
A few months back we released RxJS best practices in Angular and a while before that Thinking reactively in Angular and RxJS. Both of these articles are focussing on “trying to make the mind switch towards reactive programming”.
State
NgRx Entity - Complete Practical Guide
When using NgRx to build our application, one of the first things that we have to do is to decide what is the best possible format for storing data inside the store. Handling the business data in our centralized store is something that we will need to do in any NgRx application, but the process can
Testing
The Angular Library Series – Building and Packaging
Master the Angular library lifecycle by automating builds and using npm pack to distribute modular, clean, and reusable code packages.
Testing
A curious case of the @Host decorator and Element Injectors in Angular
Master Angular dependency resolution with the @Host decorator. Learn to control provider lookup boundaries and optimize DI hierarchies.
RxJS
Power of RxJS when using exponential backoff
Implement resilient network requests using exponential backoff with backoff-rxjs. Reduce server load and handle errors like a pro.
Testing
Creating a Library in Angular 6 using Angular CLI and ng-packagr
Streamline Angular library development using Angular CLI and ng-packagr. Master workspace configuration to build and share packages.
Change Detection
Ivy engine in Angular: first in-depth look at compilation, runtime and change detection
Master Angular Ivy’s architecture to optimize bundle sizes, leverage tree shaking, and streamline change detection for faster apps.
State
Angular Ngrx DevTools: Important Practical Tips
This post is a step-by-step guide for setting up your Ngrx Development environment, namely the Ngrx DevTools, but not only: we will also talk about some best practices for developing Ngrx applications in general. These practical tips will likely make a huge difference in your Ngrx development experi
Change Detection
Micro Apps with Web Components using Angular Elements
Case study for writing micro apps with web components
RxJS
Working with DOM in Angular: unexpected consequences and optimization techniques
Avoid direct DOM manipulation in Angular. Master ViewContainerRef and ViewRef to manage components dynamically for cleaner, efficient code.
Release
Version 6 of Angular Now Available - Angular Blog
The 6.0.0 release of Angular is here! This is a major release focused less on the underlying framework, and more on the toolchain and on making it easier to move quickly with Angular in the future…