Router
Tiny Angular application projects in Nx workspaces
Extract workspace libraries to get tiny Angular application projects. We'll create assets, styles, and environments libraries for an Nx workspace. Step-by-step commands and instructions.
2021
198 articles · page 7 of 9
TypeScript
A look at major features in the Angular Ivy version 9 release
AOT everywhere, dynamic globalisation, strict mode, Bazel, and much more.
Testing
Next-level testing in Angular Ivy version 9
AOT, faster tests, stronger types, and component harnesses.
Components
The Angular Ivy guide for library authors
How to respond to Angular Ivy in 2020/2021 if you're a library author.
Dependency Injection
Component features with Angular Ivy
The Angular Ivy runtime introduces a new concept called component features. Component features are mixins for components. They add, remove or modify traits at runtime.
Testing
Faking dependencies in Angular applications
Create components and directives for manual tests.
Testing
Testing and faking Angular dependencies
Learn the ins an outs of Angular dependency injection in automated tests.
Components
Lean Angular components
Building a robust component architecture.
Forms
Angular Reactive Forms is basically jQuery
Angular Reactive Forms makes your code look a lot like jQuery code, even if they're different under the hood.
Performance
7 Deadly Sins of Angular
Original cover photo by Nick Gavrilov on Unsplash. Angular is known to be an opinionated and prescri...
RxJS
Presenters with Angular
Learn how to extract presenters from presentational components. We discuss stateful and stateless presenters, component-to-presenter ratios and when to use a component or a pipe instead of a presenter.
Components
Presentational components with Angular
Presentational components encapsulate presentation and UI behaviour. They can be stateful or stateless and are connected to the application state through their data binding API.
RxJS
Testing Angular container components
Learn tactics for testing RxJS observables and application state commands. Opt out of Angular testing modules for blazingly fast unit tests.
Release
Progressively migrates from a traditional server-side website to Angular
Migrating a legacy site to Angular? Learn how to integrate Angular into existing apps using dynamic bootstrapping or shell wrapping.
Release
Add Support for Reduced Motion in Angular Animations
Enhance accessibility by respecting user motion preferences in Angular. Create a robust service to detect and toggle animations today.
RxJS
NGRX Bad Practices
Stop overcomplicating your NGRX state management. Use these expert patterns for selectors and effects to build cleaner, reactive Angular apps.
Components
Learn advanced Angular features: build the Material tree
Master Angular CDK concepts to build custom components. Learn content projection, dynamic templates, and structural directives today.
TypeScript
Generic Approach to Consume REST API in Angular
In this article, I will show you how to create a generic solution to Consume REST API in Angular. I...
Components
Learn Angular Component Design Patterns — Creating a Drawer Component
Master Angular component design patterns to build more flexible, reusable, and performant UI components for your next scalable project.
RxJS
Handling realtime data storage in Angular using Firebase Cloud Firestore
Integrate Firebase Firestore into your Angular app to store and display social feed data seamlessly using AngularFire and RxJS streams.
Signals
Running event listeners outside of the NgZone
Stop unnecessary Change Detection cycles in Angular by running events outside NgZone. Optimize performance with clean, zoneless patterns.
RxJS
Angular ngIf: Complete Guide
Learn all the features available in ngIf, learn the best way to use it to consume Observables, avoid a common anti-pattern.
Components
Extend Angular Schematics to customize your development process
Stop wasting time on redundant boilerplate code. Create custom Angular Schematics to automate repetitive tasks and boost productivity.
Signals
Disabling Angular animations at runtime
A nice new feature is coming to Angular v12 - support for disabling Angular animations at runtime 🎉...