Overlay is a very important module that is being widely used in Angular Applications. Very often you would need it to implement open floating panels on the screen. On top of this module were built such Angular Material components like Dialog Windows, Tooltips, Select, and so on. In this article, I w
Master custom component building with ngTemplateOutlet. Create highly flexible, reusable Angular components with clean, native APIs.
The MVP pattern increases separation of concerns, maintainability, testability and scalability in complex Angular apps by using container components, presentational components and presenters.
Render Angular components dynamically using string selectors with our custom BaseModule approach for clean, scalable, lazy-loaded UI.
SCAMs are a safe, View Engine-compatible migration path towards standalone components.
NgModule is arguably one of the most confusing Angular concepts.
Automate project scaffolding and enforce architecture standards by building custom Angular Schematics to boost team productivity.
Master the Angular Schematics API to automate workspace transformations, enforce coding standards, and build powerful custom tooling.
Master Angular Material theming by extending custom styles to MatSidenav, MatDialog, and creating unique notification variants.
Master Angular Material theming by exploring the component repository to build custom, scalable UI themes with full style control.
Module Federation uses SemVer by default and there are lot’s of options to adjust its behavior.
Simplify your component inputs using the @angular/cdk/coercion namespace to handle data types flexibly and ensure cleaner, robust code.
Build flexible, reusable Angular components using generics and polymorphic outlets. Stop hardcoding data and simplify your UI logic.
Prevent style conflicts by implementing CSS Modules in Angular. Use custom Webpack builds to hash class names and ensure local scoping.
Loading microfrontends not known at compile time.
Master complex content projection in Angular. Learn when to choose ng-content or ng-template to avoid memory leaks and lifecycle bugs.
Build flexible Angular components by combining ContentChildren and ngTemplateOutlet for cleaner, highly reusable custom UI templates.
Stop struggling with framework-specific UI libraries. Leverage Angular Elements to build reusable Web Components for modern architecture.
Enhance user experience with a dynamic theme switcher in Angular. Learn to manage styles and build a custom theme selector today.
Master React’s internal Fiber architecture by exploring Fiber nodes, reconciliation, and the render loop for more efficient apps.
Scale micro-frontends with Module Federation. Dynamically share code and dependencies between independent apps for a seamless UX.
Master Angular HttpClient internals with this deep dive. Learn to handle request retries, cancellation, and interceptors efficiently.
Stop template errors for custom elements or attributes by leveraging ElementSchemaRegistry to customize Angular’s build-time validation.
With Ivy’s private APIs, we can dynamically create components. The example here demonstrates this by creating a routed component on the fly.