Performance
Here is what you need to know about dynamic components in Angular
Need to render dynamic components in Angular? Master ComponentFactoryResolver and runtime compilation to build flexible UI modules.
Latest articles
1,831 articles · page 65 of 77
Forms
Exploring Angular DOM manipulation techniques using ViewContainerRef
Master Angular DOM manipulation by mastering ElementRef, TemplateRef, and ViewContainerRef to build cleaner, dynamic component UIs.
Change Detection
6 Steps to your Angular-based Microfrontend Shell
In the last time, I helped numerous companies implementing Angular SPAs for microservice environments. In this article, I show how to implement one of them in 6 steps: A shell loading micro frontends on demand.
Performance
Creating a Sketchpad with Angular and P5JS
Level up your Angular UI with interactive graphics! Integrate the P5JS library to build a custom, high-performance sketchpad app.
Change Detection
Exciting Times Ahead — Be Ready For Angular 9
Upgrade to Angular 9 to leverage the Ivy rendering engine, reducing bundle sizes while accessing new CLI features and improved type safety.
Architecture
Announcement: Rebranding to Angular Architects
We are rebranding to Angular Architects.
Testing
Why do we have Dependency Injection in web development
Eliminate tight coupling and simplify testing in your web apps by implementing a custom Dependency Injection container in TypeScript.
State
Angular Tools You Should be Aware Of
Master essential Angular tooling like Schematics, CLI, and Webpack to streamline your development workflow and boost productivity today.
Change Detection
Inside ag-Grid: techniques to make the fastest JavaScript datagrid in the world
Master complex UI with ag-Stack. Learn how to optimize datagrid performance using virtualization, smart change detection, and CSS.
Change Detection
Overriding Angular Schematics
Eliminate manual boilerplate in Angular by overriding default CLI schematics in angular.json. Standardize your code generation today.
Testing
What’s new After Angular 8
Streamline your Angular 8 upgrades with new unit test helpers and automated migrations. Simplify CLI builds and optimize app performance.
RxJS
Angular: show loading indicator when obs$ | async is not yet resolved
Struggling with async pipe limitations? Build a custom WithLoadingPipe to easily manage data, loading, and error states in Angular.
SSR & Hydration
Implementing multi-language Angular applications rendered on a server (SSR)
Implement robust i18n in Angular with SSR, language persistence, and performance-boosting TransferState for lightning-fast localization.
Components
Architecture with Angular Ivy – Part 2: Higher order and dynamic Components
With Ivy’s private APIs, we can dynamically create components. The example here demonstrates this by creating a routed component on the fly.
Change Detection
How in-depth knowledge of change detection in Angular helped me improve application’s performance
Stop sluggish Angular lists using OnPush, detached change detection, and smart array partitioning to ensure your UI remains responsive.
Performance
Asynchronous modules and components in Angular Ivy
Master asynchronous loading in Angular using the Ivy engine. Use createInjector to optimize your bundles and simplify lazy loading.
Testing
Angular CLI Builders
Master the Angular CLI Builders API to customize your build process without ejecting Webpack, ensuring cleaner workflows and automation.
Change Detection
Optimizing Events handling in Angular
Optimize Angular performance by building custom EventManagerPlugins to filter rapid events and skip unnecessary change detection.
Components
Managing state in Angular
About this article
Components
Architecture with Ivy: A possible future without Angular Modules
For Ivy, NgModules are optional. This allows us to structure Angular applications with pure EcmaScript techniques like barrels and packages.
State
It’s about cutting your domain, not (first and foremost) about micro frontends!
You have to cut your domain into vertical slices, aka sub-domains. Microfrontends are just one solution for implementing them.
Testing
Building an API with Firebase
Build a scalable serverless CRUD API using Firebase Cloud Functions and Express.js to streamline back-end development and deployment.
RxJS
Finding Fine-Grained Reactive Programming
Master fine-grained reactivity using observables and computeds to eliminate lifecycle complexity and boost front-end performance.
RxJS
Mastering RxJS: operators and functions that can bite you when you don’t expect
Master complex RxJS flows with these battle-tested patterns for network requests, async streams, and observable debugging in Angular.