Testing
Taiga UI is a new Angular UI Kit that you should try
Struggling with bloated bundles? Integrate Taiga UI, a highly-modular, tree-shakable Angular library, to optimize performance and scale.
2020
187 articles · page 1 of 8
State
Container components with Angular
Container components are extracted from mixed Angular components to increase the maintainability, testability and scalability of our Angular apps.
Components
detect the browser and Mobile OS with Angular CDK – Platform module
How often do you need to fix some bug or implement some feature for some specific browser or operating system like iOS / Android? I am quite sure that it happens very often. And also very often developers use different hacks for it or reinvent the wheel. The truth is that the Angular team has […]
Release
Static hosting of Angular build using AWS Amplify ?
Hello Developers, In previous blog Host Angular 2 or 4 or 5 version on AWS S3 using CloudFront you...
Components
Angular CDK – Easy start with Overlay Module
Overlay is a very important module that is being widely used in Angular Applications. Very often you would need it to implement open floating panels on the screen. On top of this module were built such Angular Material components like Dialog Windows, Tooltips, Select, and so on. In this article, I w
RxJS
throwError is not throw error
Stop confusing throwError and throw statements in RxJS. Learn when to use each to build robust, predictable streams and cleaner code.
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.
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.