Performance
Lazy loading Angular components from Non-Angular applications
Optimize bundled size by lazy loading Angular Elements into non-Angular apps using ngx-element for faster, more efficient performance.
Latest articles
1,800 articles · page 62 of 75
Tooling & CLI
Create your Standalone Angular Library in 10 minutes
Master library creation in Angular by effectively managing dependencies and peer dependencies for modular, scalable cross-project code.
Forms
Stop Using Shared Material Module
Stop using a Shared Material Module. Avoid unnecessary bloat and optimize your Angular app’s bundle size by importing modules locally.
RxJS
Angular Bad Practices: Revisited
Stop polluting Angular components. Refactor lifecycle hooks, optimize directive selectors, and derive state to keep your code clean.
Performance
Dynamic components – what they are part II
Master complex UI requirements in Angular 9 by building dynamic component trees that optimize bundle sizes and improve code scaling.
Dependency Injection
How to use the environment for specific HTTP services
Stop hardcoding API endpoints in your Angular services. Use Dependency Injection and specialized services to simplify refactoring today.
Testing
How to debug a child process in Node and Gatsby.js with Chrome
Struggling to debug Gatsby’s child processes? Learn how to patch jest-workers to reliably hit breakpoints and streamline your workflow.
State
Adding NgRx to Your Existing Applications
Streamline complex Angular state with NgRx. Learn to refactor service-based architectures into an efficient, scalable flux pattern.
State
Automating Your Angular Architecture with Workspace Schematics – Part 1: Rules and Parameters
Defining an architecture is exciting. However, implementing it can also be boring. Automation with scaffolding is the solution.
Performance
Lazy Loading Locales with Angular
Instead of loading all supported locales upfront, we can now load them on demand.
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.
Tooling & CLI
This is how angular-cli/webpack delivers your CSS styles to the client
Master your project styles by configuring Webpack loaders effectively. Learn to bundle CSS and automate HTML injection for zero-config.
Performance
A Deep Dive into @Injectable and providedIn in Ivy
Master Angular dependency injection by exploring Ivy internals. Optimize your provider tree-shaking and bundle size with this guide.
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.
RxJS
Angular: the viewmodel of a component as an Observable
Build reactive Angular components using a single viewmodel stream and RxJS scan. Eliminate manual unsubscribing and optimize performance.
Testing
Angular: Keeping it Fat, Dumb, and Happy
Build cleaner, testable Angular apps by keeping templates declarative, components thin, and services focused. Master your architecture.
Forms
Declarative internet shopping with Payment Request API and Angular
Streamline checkout by integrating the native Payment Request API into Angular using Dependency Injection and declarative directives.
Performance
Lazy loading Angular modules with Ivy
Lazy load Angular modules and components manually to handle complex providers and dependencies while maintaining optimal app performance.
Tooling & CLI
Becoming a Git pro. Part 1: internal Git architecture
Demystify Git by exploring its internal plumbing. Master the core architecture to resolve confusion and gain total version control.
Tooling & CLI
Shell Library patterns with Nx and Monorepo Architectures
Solve complex Angular scaling issues with the Composite Shell pattern. Gain maximum flexibility and cleaner code in your monorepo.
State
This will make you more efficient at debugging Webpack unspecified build errors
Stop wasting days debugging cryptic Webpack build errors. Intercept the compilation array to pinpoint faulty plugins and fix builds.
RxJS
RxJS in Angular: Part I
Ditch complex imperative logic for reactive streams. Use RxJS to derive component state, ensuring cleaner code and better maintainability.
State
Dijkstra was right — recursion should not be difficult
Master recursion in JavaScript by focusing on problem reduction and base cases to write cleaner, more efficient code for complex tasks.
Architecture
Here is why appendChild moves a DOM node between parents
Stop guessing how appendChild works. Learn why DOM nodes move instead of cloning and master tree hierarchies for cleaner web apps.