Performance
Under-the-hood of web bundlers (e.g. Webpack)
Demystify Webpack by building your own lightweight JavaScript bundler. Master AST parsing and dependency graphs to optimize builds.
2020
187 articles · page 7 of 8
Testing
Spectator – when testing becomes a pleasure
Ditch verbose Angular TestBed code. Use Spectator to simplify component testing, streamline DOM queries, and write cleaner, readable tests.
State
Understanding the magic behind StoreModule of NgRx (@ngrx/store)
Master the NgRx Store architecture by analyzing its core entities. Learn how actions, reducers, and selectors create robust state.
RxJS
What makes a good Angular library
Master native browser APIs in Angular using declarative patterns, Dependency Injection, and RxJS for cleaner, more maintainable code.
Forms
Angular Forms Story: Strong Types
Fix broken Angular Reactive Forms by adding strict type safety. Eliminate runtime errors and boost productivity with the ngx-forms-typed library.
RxJS
Rxjs + For + Await… What?
Escape RxJS callback hell by using for await loops. Streamline your Angular code and simplify unit testing with the rxjs-for-await library.
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.
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.