SSR & Hydration
Make the most of Angular DI: private providers concept
Simplify Angular components by offloading data transformations to private providers, resulting in cleaner code and better testing.
2020
187 articles · page 5 of 8
RxJS
5 tips to boost your Angular skills
Level up your Angular projects with these 5 expert tips. Master change detection, RxJS, and DI to write cleaner, high-performance code.
Components
Angular + CSS Modules
Prevent style conflicts by implementing CSS Modules in Angular. Use custom Webpack builds to hash class names and ensure local scoping.
Forms
No, I don't want to become an Angular GDE
An opinion piece on the Angular team and GDE program management.
Release
Angular struggles in 2020
An opinion piece on the Angular team management.
Performance
In-Depth guide into animations in Angular
Master Angular animations with this guide covering state transitions, route transitions, and optimization tips for 60fps performance.
Router
Building a reusable menu component
Build flexible, nested navigation menus in Angular using TemplateRef and ViewContainerRef to achieve cleaner, logic-driven UI components.
RxJS
Double Question Marks TypeScript 3.7 - Nullish Coalescing
Stop unintended falsy value overrides with Nullish Coalescing. Safely set default values in TypeScript for more robust, predictable code.
Change Detection
Using Angular in the right way: Template Syntax
Stop calling heavy methods in your Angular templates. Use getters, models, and OnPush strategy to optimize rendering and clean your code.
Forms
Convert into Strongly Typed Angular Forms in a Minute
Eliminate runtime errors in Angular forms using @rxweb/types. Achieve full end-to-end type safety without complex generic classes.
Performance
Improved Error Logging by the Angular AOT Compiler
Stop wasting time on cryptic Angular errors. Discover how Ivy and AOT compiler updates provide clear stack traces for faster debugging.
Components
Dynamic Module Federation with Angular
Loading microfrontends not known at compile time.
RxJS
RxJS: The Unexpected
Avoid common RxJS mistakes in Angular. Master withLatestFrom, toArray, and operator differences for cleaner, more reliable state logic.
RxJS
SolidJS: Reactivity to Rendering
Master UI rendering by building a custom engine using reactive primitives. Learn to manage DOM updates and effects for high performance.
Components
Here’s what you should know when creating flexible and reusable components in Angular
Master complex content projection in Angular. Learn when to choose ng-content or ng-template to avoid memory leaks and lifecycle bugs.
Components
Angular – slightly different approach to personalising component templates
Build flexible Angular components by combining ContentChildren and ngTemplateOutlet for cleaner, highly reusable custom UI templates.
RxJS
RxJS heads up: toPromise is being deprecated
Prepare for the RxJS 7 deprecation of toPromise. Switch to firstValueFrom and lastValueFrom for cleaner, safer Observable to Promise.
Forms
Nested forms with ControlContainer
Struggling with multi-step nested forms across routes? Use Angular ControlContainer to sync form groups and build clean, modular logic.
Dependency Injection
Building a Custom Stepper using Angular CDK
Build fully customizable steppers using the Angular CDK. Decouple your UI from logic to create tailored, reusable navigation flows.
RxJS
Exploring the state of reactivity patterns in 2020
Explore the evolution of fine-grained reactivity in modern frameworks to simplify state management and optimize your application logic.
RxJS
Setting up efficient workflows with ESLint, Prettier and TypeScript
Eliminate endless code-style debates by mastering ESLint and Prettier. Streamline your Angular workflow with automated, clean code today.
Performance
Reduce your bundle size through this component styling technique
Struggling with bloated Angular bundles? Learn to surgically optimize your SCSS imports and ViewEncapsulation to shrink your app size.
RxJS
Angular: The Unexpected
Tired of mysterious bugs? Learn how to handle unusual Angular framework behaviors to write more stable, predictable, and robust code.
Router
Implementing shared logic for CRUD UI Components in Angular
Build scalable CRUD interfaces using abstract base classes in Angular. Standardize your components to reduce code and simplify logic.