Tooling & CLI
Angular Workspace: No Application for You!
Streamline library development with the –create-application flag. Build clean Angular workspaces without default apps for better control.
2018
76 articles · page 1 of 4
Release
The Angular DevOps Series: Deploying to Firebase with CircleCI
Automate your Angular deployment process with CircleCI and Firebase to achieve consistent, hands-free releases for your web apps.
RxJS
Improved Navigation in Angular 7 with switchMap
Eliminate navigation race conditions in Angular. Learn how refactored router streams and switchMap ensure fast, predictable routing.
Performance
In-depth explanation of state and props update in React
Master React state updates and reconciliation. Understand how Fiber orchestrates render and commit phases to optimize your component lifecycle.
Performance
New in Angular 7.1: Router Updates
Simplify Angular navigation by returning UrlTrees from route guards. Handle complex redirects and optimize guard timing with ease.
Forms
Opinionated guidelines for large nx angular projects
About this article
Change Detection
A gentle introduction into change detection in Angular
Master Angular change detection mechanics to debug errors, enforce unidirectional data flow, and optimize performance with NgZone usage.
Components
Building Interactive Lists with the new Angular 7 Drag and Drop tool
Simplify complex UI interactions with the Angular CDK drag-and-drop tool to build seamless sorting and list transfers in your apps.
Router
How to reuse common layouts in Angular using Router
Struggling with unnecessary layout re-renders in Angular? Explore proven strategies to efficiently reuse common UI components.
Change Detection
Content Projection With Slots In Angular Elements (>=7)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt
Change Detection
The difference between NgDoCheck and AsyncPipe in OnPush components
Struggling with Angular Change Detection? Learn to use NgDoCheck and markForCheck for finer control over component rendering performance.
RxJS
Safe HTTP calls with RxJS
How to make sure our ajax calls are being executed on bad connections
Performance
Angular Router Series: Pillar 3 — Lazy Loading, AOT, and Preloading
Master Angular lazy loading internals to shrink bundle sizes, optimize routing configurations, and implement efficient preloading.
Tooling & CLI
Version 7 of Angular — CLI Prompts, Virtual Scroll, Drag and Drop and more
Version 7 of Angular — CLI Prompts, Virtual Scroll, Drag and Drop and more The 7.0.0 release of Angular is here! This is a major release spanning the entire platform, including the core framework …
RxJS
How to Read the RxJS 6 Sources Part 1: Understanding of() and Subscriptions
Demystify RxJS by stepping through the source code of the of operator. Discover how subscriptions and observables work under the hood.
Performance
Angular Router Series: Pillar 2 — Understanding The Router’s Navigation Cycle
Master the Angular router lifecycle to optimize your navigation flow, implement secure route guards, and prefetch data like a pro.
Change Detection
What every front-end developer should know about change detection in Angular and React
Master Angular and React change detection. Learn how frameworks sync state with the DOM to optimize performance and refine architecture.
Change Detection
The how and why on React’s usage of linked list in Fiber to walk the component’s tree
Master React Fiber internals to break heavy rendering tasks into incremental units. Improve UI responsiveness and prevent dropped frames.
Components
Exploring Drag and Drop with the new Angular Material CDK
Master drag-and-drop interactions in Angular apps with the CDK. Build intuitive, responsive task boards with minimal code effort.
RxJS
Angular Flex-Layout: Flexbox and Grid Layout for Angular Component
Eliminate verbose CSS and simplify responsive layouts by using the Angular Flex-Layout module for declarative, template-based UI design.
RxJS
Build Your Own Observable part 4: Map, Filter, Take, and all that Jazz
Master RxJS by building custom `map`, `filter`, and `take` operators. Learn to compose data streams for cleaner, reactive Angular code.
Router
Angular Router Series: Secondary Outlets Primer
Master independent routing with Angular secondary outlets. Learn to display multiple components simultaneously for cleaner code.
Performance
The Three Pillars of the Angular Router — Router States and URL Matching
Master Angular’s URL matching and tree-based configuration to build robust navigation. Learn how the router resolves state flows.
Components
A comparison between Angular and React and their core languages
Struggling to choose between Angular and React? Compare these industry-standard technologies to select the perfect stack for your project.