rxjs-patterns-for-angular
RxJS-Muster in Angular anwenden
Angular-Entwickler haben Schwierigkeiten mit komplexen reaktiven Programmiermustern und Speicherlecks durch unsachgemäße Abonnementverwaltung. Diese Skill bietet sofort einsetzbare Codebeispiele und Best Practices für RxJS-Operatoren, Angular-Signals-Integration und ordnungsgemäße Bereinigung mit takeUntilDestroyed().
스킬 ZIP 다운로드
Claude에서 업로드
설정 → 기능 → 스킬 → 스킬 업로드로 이동
토글을 켜고 사용 시작
테스트해 보기
"rxjs-patterns-for-angular" 사용 중입니다. Wie verwende ich switchMap für eine Sucheingabe mit Debounce?
예상 결과:
- Verwenden Sie switchMap, um vorherige Anfragen abzubrechen, wenn sich die Suchabfrage ändert
- Kombinieren Sie es mit debounceTime, um zu warten, bis der Benutzer aufhört zu tippen
- Beispielmuster: query$.pipe(debounceTime(300), switchMap(query => searchService.search(query)))
- Dies stellt sicher, dass nur die neueste Abfrage eine Anfrage auslöst
"rxjs-patterns-for-angular" 사용 중입니다. Was ist takeUntilDestroyed und wie verwende ich es?
예상 결과:
- takeUntilDestroyed() ist ein Angular-RxJS-Interop-Operator für automatische Abonnementbereinigung
- Er hebt Abonnements automatisch auf, wenn die Komponente oder Direktive zerstört wird
- Importieren Sie es aus @angular/core/rxjs-interop und verwenden Sie es mit DestroyRef
- Beispiel: interval(1000).pipe(takeUntilDestroyed(this.destroyRef)).subscribe()
보안 감사
안전This is a pure documentation skill containing only markdown content with TypeScript code examples. The static analyzer flagged 130 pattern matches as potential security issues, but ALL are false positives. The skill-report.json already correctly assessed this as 'safe' with no risk factors. No executable code, no file system access, no network calls, and no external command execution exist in this skill.
위험 요인
🌐 네트워크 접근 (14)
📁 파일 시스템 액세스 (1)
⚙️ 외부 명령어 (66)
품질 점수
만들 수 있는 것
Moderne RxJS-Muster erlernen
Codebeispiele für switchMap, combineLatest und andere RxJS-Operatoren mit Angular-Signals-Integration erhalten
Speicherlecks beheben
Ordnungsgemäße Abonnementbereinigung mit takeUntilDestroyed() erlernen, um Speicherlecks in Angular-Komponenten zu verhindern
Asynchrone Datenflüsse handhaben
Fehlerbehandlung, Wiederholungslogik und Echtzeit-Datenmuster in Angular-Anwendungen implementieren
이 프롬프트를 사용해 보세요
Zeig mir, wie man switchMap mit debounceTime für eine Sucheingabe in Angular verwendet
Wie konvertiere ich ein HTTP-Observable mit toSignal() in ein Signal in Angular
Was ist der moderne Weg, um RxJS-Abonnements in Angular 17+ zu bereinigen
Wie implementiere ich Wiederholungslogik mit catchError für HTTP-Anfragen in Angular RxJS
모범 사례
- Verwenden Sie immer takeUntilDestroyed() für die Abonnementbereinigung in Angular-Komponenten
- Bevorzugen Sie toSignal() gegenüber manuellen Abonnements für Template-Datenbindung
- Verwenden Sie switchMap für benutzergesteuerte Anfragen, um veraltete API-Aufrufe abzubrechen
피하기
- Vermeiden Sie verschachtelte Abonnements - verwenden Sie stattdessen Operatoren wie switchMap
- Vergessen Sie nicht, Abonnements aufzuheben - sonst entstehen Speicherlecks
- Vermeiden Sie das Mischen von AsyncPipe mit Signals - wählen Sie einen Ansatz