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.
Latest articles
1,800 articles · page 64 of 75
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.
General
Angular Platforms in depth. Part 3. Rendering Angular applications in Terminal
Unlock the full potential of Angular by building a custom platform. Master platform creation to render applications directly in terminal.
Performance
Angular Platforms in depth. Part 2. Application bootstrap process
Master the Angular bootstrap process by understanding module compilation, zone setup, and initializers to optimize application startup.
Components
Type-checking templates in Angular View Engine and Ivy
Stop guessing why your templates fail. Master Angular Ivy type-checking to catch build errors early and ensure full template safety.
Components
Type-checking templates in Angular ViewEngine and Ivy
Master Angular template type-checking with Ivy. Detect binding errors early, leverage type safety, and write cleaner, robust code.
Performance
Angular Platforms in depth. Part 1. What are Angular Platforms?
Master Angular architecture by understanding platform abstraction. Learn how different environments run your code using dependency injection.
RxJS
Beware! Angular can steal your time.
Stop wasting time on common Angular bugs. Master these five proven workarounds to optimize your apps and write cleaner, faster code.