Components
Architecture with Ivy: A possible future without Angular Modules
For Ivy, NgModules are optional. This allows us to structure Angular applications with pure EcmaScript techniques like barrels and packages.
2019
87 articles · page 2 of 4
State
It’s about cutting your domain, not (first and foremost) about micro frontends!
You have to cut your domain into vertical slices, aka sub-domains. Microfrontends are just one solution for implementing them.
Testing
Building an API with Firebase
Build a scalable serverless CRUD API using Firebase Cloud Functions and Express.js to streamline back-end development and deployment.
RxJS
Finding Fine-Grained Reactive Programming
Master fine-grained reactivity using observables and computeds to eliminate lifecycle complexity and boost front-end performance.
RxJS
Mastering RxJS: operators and functions that can bite you when you don’t expect
Master complex RxJS flows with these battle-tested patterns for network requests, async streams, and observable debugging in Angular.
General
Angular Platforms in depth. Part 3. Rendering Angular applications in Terminal
Unlock the full potential of Angular by building a custom platform. Master platform creation to render applications directly in terminal.
Performance
Angular Platforms in depth. Part 2. Application bootstrap process
Master the Angular bootstrap process by understanding module compilation, zone setup, and initializers to optimize application startup.
Components
Type-checking templates in Angular View Engine and Ivy
Stop guessing why your templates fail. Master Angular Ivy type-checking to catch build errors early and ensure full template safety.
Components
Type-checking templates in Angular ViewEngine and Ivy
Master Angular template type-checking with Ivy. Detect binding errors early, leverage type safety, and write cleaner, robust code.
Performance
Angular Platforms in depth. Part 1. What are Angular Platforms?
Master Angular architecture by understanding platform abstraction. Learn how different environments run your code using dependency injection.
RxJS
Beware! Angular can steal your time.
Stop wasting time on common Angular bugs. Master these five proven workarounds to optimize your apps and write cleaner, faster code.
Tooling & CLI
Implementing your Strategic Design with Angular and Nx
with Strategic Design and Monorepos – Part 2: Implementation
Tooling & CLI
Sustainable Angular Architectures with Strategic Design (DDD)
with Strategic Design And Monorepos – Part 1: Methodology
Change Detection
Optimize Angular bundle size in 4 steps
Reduce long Angular initial load times by optimizing your bundle size. Learn to analyze, compress, and monitor assets for faster apps.
Testing
Designing scalable Angular applications
Master scalable Angular architecture by implementing vertical feature slicing and a multi-layer design for cleaner, testable code.
Testing
How Cypress Makes Testing Fun
Stop dreading E2E testing. Use Cypress for rapid, fun test development, actionable debugging, and cleaner, more maintainable code.
RxJS
RxJS recipes: ‘forkJoin’ with the progress of completion for bulk network requests in Angular
Track execution progress in RxJS with a custom forkJoin utility. Monitor percentage completion and results for cleaner, responsive UI.
RxJS
Having fun with Angular and Typescript Transformers
Stop managing RxJS subscriptions manually. Use custom TypeScript transformers to automate cleanup and eliminate memory leaks at build time.
Testing
Brace yourself. Angular 8 is coming
Boost your Angular 8 project performance with differential loading, Ivy previews, and custom CLI builders for a faster development path.
Performance
Code-splitting in Angular or how to share components between lazy modules
Optimize your Angular startup performance by mastering Webpack code-splitting. Control lazy-loaded bundles to shrink your main chunk.
Change Detection
Angular Ivy change detection execution: are you prepared?
Master the Angular Ivy renderer by exploring its change detection mechanism and Incremental DOM architecture for more efficient apps.
Performance
Doing A11y easily with Angular CDK. Keyboard-Navigable Lists
Streamline keyboard navigation for your Angular UI components. Use Angular CDK ListKeyManager to build accessible lists with ease.
General
Why Firebase Cloud Functions are Awesome
Automate team updates by connecting Firestore triggers to Slack with Firebase Cloud Functions for seamless, real-time notifications.
State
Why Building with a JAMstack is Awesome
Stop managing servers and boost productivity with the JAMstack. Leverage Firebase and Angular to build scalable apps with less overhead.