Testing
Testing and faking Angular dependencies
Learn the ins an outs of Angular dependency injection in automated tests.
Latest articles
1,831 articles · page 55 of 77
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 🎉...
Forms
Angular CDK - Platform Module
In this article, we are going to take a look at the Platform Module from Angular CDK. The platform mo...
Change Detection
Angular Universal: real app problems
Master Angular Universal SSR by solving common challenges like memory leaks, infinite loading, and cache issues for more robust apps.
Components
View State Selector - Angular design pattern
Stop writing repetitive boilerplate for async states. Use the View State Selector pattern to clean up templates and manage UI logic.
Forms
Angular FormArray - Complete Guide
Learn how to build dynamic Angular Forms with FormArray by adding or removing form controls at runtime. Build an in-place editable data table.
Architecture
Ivy’s internal data structures - Angular Blog
I thought it would be useful to dive into Angular’s new Ivy rendering engine’s inner workings. In this article, I would like to stay high level but at the same time provide critical insights into how…
Router
Easy Menu Animation Effects with Angular Animations
In this article, I will use angular animations to give life to the navigation menu. I will use two...