Performance
Angular Tree Shaking
Reduce bulky bundle sizes by leveraging Angular Ivy’s tree shaking. Master incremental DOM instructions to strip dead code for faster apps.
Latest articles
1,800 articles · page 56 of 75
Change Detection
50 lines of code smoke test for any Angular application
Where there's smoke, there's fire. Use this top-level integrated test suite for any Angular application.
Change Detection
Simple Angular context help component or how global event listener can affect your performance
Stop excessive change detection cycles in Angular with reusable components. Optimize performance by managing global event listeners.
State
How to manage component state in Angular using @ngrx/component-store
Simplify local UI state management in Angular with @ngrx/component-store. Eliminate boilerplate and scale your state logic easily.
Testing
The ultimate migration guide to angular-eslint, ESLint and Nx 11
How to set up a new Nx workspace using angular-eslint or migrate an existing Nx workspace from ESLint or TSLint.
Tooling & CLI
Bulletproof Angular. Angular strict mode explained
Build robust Angular apps and eliminate runtime errors by enabling TypeScript and Angular strict modes for safer, more predictable code.
SSR & Hydration
The dark side of server side rendering part 1
Solve common Angular SSR pitfalls like ReferenceErrors and auth-restricted routes using dynamic imports and custom server-side guards.
SSR & Hydration
Building a React Static Site Generator with Partial Hydration in <100 Lines of Code
Implement partial hydration in your custom static site generator to ship less code and improve performance without heavy bundlers.
SSR & Hydration
Building a react static site generator in ~20 lines of code, 4 dependencies and no transpilers
Stop struggling with heavy build systems. Build your own minimal static site generator with React and htm in just 20 lines of code.
Forms
Better Action Hygiene with Events in NgRx
Reduce NgRx boilerplate and fulfill the Open/Closed principle by implementing event-driven architecture for cleaner, scalable state.
RxJS
How to Follow the Dependency Inversion Principle in NestJS and Angular
Master Dependency Inversion in NestJS and Angular. Decouple your code using abstract classes for scalable, testable, and clean apps.
Components
ngTemplateOutlet: The secret to customisation
Master custom component building with ngTemplateOutlet. Create highly flexible, reusable Angular components with clean, native APIs.
RxJS
Declarative, Reactive, Data and Action Streams in Angular
Stop managing manual subscriptions. Master declarative data streams and reactive patterns in Angular to simplify state management.
Performance
Using Module Federation with (Nx) Monorepos and Angular
The combination of Micro Frontends and monorepos can be quite tempting: Sharing libraries is easy while we can isolate domains using access restrictions and deploy them separately.
Testing
Create a directive for free dragging in Angular
Implement custom drag-and-drop in Angular using directives. Remove dependency bloat while building fluid, bounded UI interactions.
Components
Model-View-Presenter with Angular
The MVP pattern increases separation of concerns, maintainability, testability and scalability in complex Angular apps by using container components, presentational components and presenters.
RxJS
Things to watch out for when using HMR with Angular
Angular v11 was released a couple of weeks ago. One of the highlights in this release is making it ea...
Dependency Injection
Tree-shakable dependencies in Angular projects
Since Angular version 6, we can create tree-shakable dependencies and even leave out Angular modules.
Dependency Injection
Say hello to NAN Stack
Stop struggling with fragmented tech stacks. Adopt the NAN stack (NestJS, Angular, Nx) for superior code sharing, consistency, and scale.
Components
Rendering dynamic components by selector name in Ivy
Render Angular components dynamically using string selectors with our custom BaseModule approach for clean, scalable, lazy-loaded UI.
Components
Emulating standalone components using single component Angular modules (SCAMs)
SCAMs are a safe, View Engine-compatible migration path towards standalone components.
Components
Angular Revisited: Standalone components and optional NgModules
NgModule is arguably one of the most confusing Angular concepts.
RxJS
How you can help Angular in 2020
2020 is the year you can help the Angular ecosystem thrive.
Testing
Craft a complete GitLab pipeline for Angular. Part 1
Automate your Angular CI workflow with GitLab Pipelines. Learn to configure builds, tests, and coverage for cleaner, faster deployments.