Codify RxJS patterns and best practices for Angular applications.
npx skills add https://github.com/nuclia/frontend --skill rxjs-patterns
Please help me install this Agent Skill. Skill: rxjs-patterns Source: https://github.com/nuclia/frontend/tree/main/.claude/skills/rxjs-patterns Command: npx skills add https://github.com/nuclia/frontend --skill rxjs-patterns
This Skill helps developers write robust, maintainable RxJS code within Angular applications by codifying established patterns and best practices used in the Nuclia frontend monorepo.
switchMap, concatMap, mergeMap) and combination (combineLatest, forkJoin, withLatestFrom) operators.Subject, BehaviorSubject, and ReplaySubject for managing observable state.catchError placement and modern cleanup strategies like takeUntilDestroyed().Use the rxjs-patterns skill to understand how to correctly implement a search input that cancels previous requests.
High-intent search queries and answers about installing and using this skill.
Choosing between flattening operators like switchMap, concatMap, and mergeMap depends on whether your Angular observable pipeline needs to cancel, queue, or run concurrent requests. This Skill guides operator selection to handle asynchronous operations efficiently.
Managing state with Subject and BehaviorSubject in Angular requires selecting the correct type for your observable streams. This Skill details correct usage patterns for Subject, BehaviorSubject, and ReplaySubject to maintain robust service state.
Handling errors and cleanup in RxJS without memory leaks requires proper catchError placement and modern strategies like takeUntilDestroyed(). This Skill enforces cleanup mechanisms and error handling to prevent silent failures in observable pipelines.
Yes, this RxJS pattern guidance covers Angular signal interop. It provides best practices for integrating Angular signals within observable pipelines and service state streams alongside import hygiene conventions.
fanguyunGenerate Angular 17+ standalone components with routing, NgRx, and RxJS.
doanchienthangdevRun load, stress, and benchmark tests with k6 and Node.js profilers.
WesleyMarinhoImplements Angular v20+ state management with signal, computed, and effect functions.
TUP-TESIS-LABStandardize Angular folder hierarchies and NgRx/Signals state management patterns.