Components
ngTemplateOutlet: The secret to customisation
Master custom component building with ngTemplateOutlet. Create highly flexible, reusable Angular components with clean, native APIs.
Components
173 articles · page 6 of 8
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.
Components
Rendering dynamic components by selector name in Ivy
Render Angular components dynamically using string selectors with our custom BaseModule approach for clean, scalable, lazy-loaded UI.
Components
Emulating standalone components using single component Angular modules (SCAMs)
SCAMs are a safe, View Engine-compatible migration path towards standalone components.
Components
Angular Revisited: Standalone components and optional NgModules
NgModule is arguably one of the most confusing Angular concepts.
Components
Angular Schematics from 0 to publishing your own library (I)
Automate project scaffolding and enforce architecture standards by building custom Angular Schematics to boost team productivity.
Components
Angular Schematics from 0 to publishing your own library (II)
Master the Angular Schematics API to automate workspace transformations, enforce coding standards, and build powerful custom tooling.
Components
Custom Theme for Angular Material Components Series: Part 3 — Apply Theme
Master Angular Material theming by extending custom styles to MatSidenav, MatDialog, and creating unique notification variants.
Components
Custom Theme for Angular Material Components Series: Part 2 — Understand Theme
Master Angular Material theming by exploring the component repository to build custom, scalable UI themes with full style control.
Components
Getting Out of Version-Mismatch-Hell with Module Federation
Module Federation uses SemVer by default and there are lot’s of options to adjust its behavior.
Components
Angular CDK Coercion: The missing API reference
Simplify your component inputs using the @angular/cdk/coercion namespace to handle data types flexibly and ensure cleaner, robust code.
Components
Agnostic components in Angular
Build flexible, reusable Angular components using generics and polymorphic outlets. Stop hardcoding data and simplify your UI logic.
Components
Angular + CSS Modules
Prevent style conflicts by implementing CSS Modules in Angular. Use custom Webpack builds to hash class names and ensure local scoping.
Components
Dynamic Module Federation with Angular
Loading microfrontends not known at compile time.
Components
Here’s what you should know when creating flexible and reusable components in Angular
Master complex content projection in Angular. Learn when to choose ng-content or ng-template to avoid memory leaks and lifecycle bugs.
Components
Angular – slightly different approach to personalising component templates
Build flexible Angular components by combining ContentChildren and ngTemplateOutlet for cleaner, highly reusable custom UI templates.
Components
Simplifying Web Components usage with Angular Elements
Stop struggling with framework-specific UI libraries. Leverage Angular Elements to build reusable Web Components for modern architecture.
Components
Let’s implement a Theme Switch like the Angular Material Site
Enhance user experience with a dynamic theme switcher in Angular. Learn to manage styles and build a custom theme selector today.
Components
Inside Fiber: in-depth overview of the new reconciliation algorithm in React
Master React’s internal Fiber architecture by exploring Fiber nodes, reconciliation, and the render loop for more efficient apps.
Components
Webpack 5 Module Federation: A game-changer in JavaScript architecture
Scale micro-frontends with Module Federation. Dynamically share code and dependencies between independent apps for a seamless UX.
Components
Exploring the HttpClientModule in Angular
Master Angular HttpClient internals with this deep dive. Learn to handle request retries, cancellation, and interceptors efficiently.
Components
Getting inside Angular’s ElementSchemaRegistry mechanism
Stop template errors for custom elements or attributes by leveraging ElementSchemaRegistry to customize Angular’s build-time validation.
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.
Components
Managing state in Angular
About this article