Managing Large Collections with NgRx Entity Adapter
Stop iterating through arrays in your NgRx store. Learn how NgRx Entity Adapter normalizes state into ID-keyed maps for O(1) lookups and efficient updates.
ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Stop iterating through arrays in your NgRx store. Learn how NgRx Entity Adapter normalizes state into ID-keyed maps for O(1) lookups and efficient updates.
NgRx signal stores let you manage component-local UI state without reducer boilerplate. Learn when to use them and when classic NgRx is still better.
CDK Virtual Scrolling renders only visible items plus a buffer, keeping DOM node count constant even for 10,000-row lists. This blog covers viewport mechanics, fixed vs. variable item sizing, infinite scroll integration, SSR caveats, and a verification checklist you can run in DevTools today.
Learn how to swap Angular’s default Zone.js change detection with Signals, a granular reactive state system. Follow our step‑by‑step guide to create signals, computed values, and effects, verify instant UI updates, and roll back if needed.
Step‑by‑step guide to replace an array‑based feature slice with @ngrx/entity’s normalized shape, including reducer setup, selectors, and verification steps.
Learn how to apply shareReplay to avoid duplicate HTTP requests, set trust boundaries, check operation, and recognize when the design must evolve.
Decide whether to put Angular state in the global NgRx Store, a component-scoped ComponentStore, or signalStore based on sharing needs and update frequency.
NgRx Effects isolate async side effects from components. Learn when to use switchMap for reads versus concatMap for writes, and how to keep the action stream alive with proper error handling.
Angular Signals replace zone.js change detection with a pull-based model. This post shows the concrete API shifts, RxJS interop, and the experimental zoneless path — plus the equality and testing gotchas you'll hit in the first week.