Performance
Firebase + NGXS, the perfect couple
Simplify Firestore data integration in Angular with the NGXS Firestore plugin. Sync your database and state for clean, reactive apps.
2020
187 articles · page 4 of 8
Accessibility
Build your Angular App Once, Deploy Anywhere
Achieve build once, deploy anywhere in Angular using runtime configuration via JSON and APP_INITIALIZER for flexible CI/CD pipelines.
Forms
Angular Forms: Why is ngModelChange late when updating ngModel value
Struggling with Angular reactive form value synchronization? Master the ControlValueAccessor to intercept and modify user input easily.
Performance
A note on Vite, a very fast dev build tool (II)
Master Vite’s unbundled development logic to prevent common pitfalls, optimize your build process, and speed up your local workflow.
Components
Custom Theme for Angular Material Components Series: Part 2 — Understand Theme
Master Angular Material theming by exploring the component repository to build custom, scalable UI themes with full style control.
State
NGRX | Use effects and router-store to isolate route related side effects.
Stop coupling components to ActivatedRoute. Use NgRx router-store to isolate route params in effects for cleaner, maintainable Angular code.
RxJS
How I Got Rid of State Observables in Angular
Eliminate boilerplate subscriptions in NGXS with @SelectSnapshot. Streamline your Angular state management and keep component code clean.
Forms
The updateOn Option in Angular Forms
Stop excessive validation overhead in Angular forms. Use the updateOn property to trigger updates on blur or submit for snappier apps.
Components
Getting Out of Version-Mismatch-Hell with Module Federation
Module Federation uses SemVer by default and there are lot’s of options to adjust its behavior.
Router
Building A Plugin-based Workflow Designer With Angular and Module Federation
Module Federation allows loading plugins from other origins,
RxJS
The best way to implement custom validators
Stop writing messy custom validators. Group them in static classes to mimic Angular’s patterns, enable IntelliSense, and boost DX.
General
My journey into Tech
Overcoming adversity and balancing family needs is a journey. Discover how open source contributions fueled a path to becoming a GDE.
Performance
A note on Vite, a very fast dev build tool (I)
Stop waiting for slow development builds. Use Vite to leverage native ES modules and HMR for instantaneous, high-performance updates.
Testing
Custom Theme for Angular Material Components Series: Part 1 — Create a Theme
Master Angular Material theming by creating custom color palettes and dark mode support for a professional, branded UI experience.
State
Make NgRx hold Business Logic: Dumb components, Smart store
Standardize your business logic with NgRx to eliminate prop drilling, simplify complex components, and ensure a scalable architecture.
Change Detection
New possibilities with Angular’s push pipe – Part 1
Overcome Zone.js performance bottlenecks in Angular with the push pipe. Achieve local change detection for highly reactive UIs.
Components
Angular CDK Coercion: The missing API reference
Simplify your component inputs using the @angular/cdk/coercion namespace to handle data types flexibly and ensure cleaner, robust code.
RxJS
RxJS in Angular: Part II
Eliminate complex imperative logic in Angular using RxJS. Streamline state management and write cleaner, declarative code with ease.
Components
Agnostic components in Angular
Build flexible, reusable Angular components using generics and polymorphic outlets. Stop hardcoding data and simplify your UI logic.
Testing
Angular 10 – Towards the Better future for Angular
Explore Angular 10 improvements including stricter compiler flags, better Service Worker configurations, and new Material DateRangePickers.
RxJS
Effective RxJS Marble Testing
Master RxJS marble testing with TestScheduler. Learn to handle mutability, Promise-based APIs, and complex observable streams easily.
Forms
Creating elegant reactive forms with RxWebValidators
Streamline complex Angular form validation using RxWebValidators to eliminate boilerplate, improve readability, and boost performance.
RxJS
The 10 best Angular tips selected by the community
Master Angular with these 10 expert tips and tricks. Optimize your DI, RxJS streams, and component logic for cleaner, more robust code.
Router
How to migrate WordPress to Scully
Migrate your WordPress blog to Angular with Scully. Learn to handle markdown, images, and search to build a fast, static JAMstack site.