rxjs-patterns-for-angular
Aplicar Padrões RxJS no Angular
Desenvolvedores Angular têm dificuldades com padrões complexos de programação reativa e vazamentos de memória devido ao gerenciamento inadequado de assinaturas. Esta habilidade fornece exemplos de código prontos para uso e melhores práticas para operadores RxJS, integração com Angular Signals e limpeza adequada com takeUntilDestroyed().
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「rxjs-patterns-for-angular」を使用しています。 How do I use switchMap for a search input with debounce?
期待される結果:
- Use switchMap para cancelar requisições anteriores quando a consulta de pesquisa mudar
- Combine com debounceTime para esperar o usuário parar de digitar
- Padrão de exemplo: query$.pipe(debounceTime(300), switchMap(query => searchService.search(query)))
- Isso garante que apenas a última consulta acione uma requisição
「rxjs-patterns-for-angular」を使用しています。 What is takeUntilDestroyed and how do I use it?
期待される結果:
- takeUntilDestroyed() é um operador de interop RxJS do Angular para limpeza automática de assinaturas
- Ele automaticamente cancela a assinatura quando o componente ou diretiva é destruído
- Importe de @angular/core/rxjs-interop e use com DestroyRef
- Exemplo: 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)
品質スコア
作れるもの
Aprender Padrões Modernos RxJS
Obtenha exemplos de código para switchMap, combineLatest e outros operadores RxJS com integração com Angular Signals
Corrigir Vazamentos de Memória
Aprenda a limpeza adequada de assinaturas com takeUntilDestroyed() para prevenir vazamentos de memória em componentes Angular
Manipular Fluxos de Dados Assíncronos
Implemente tratamento de erros, lógica de retry e padrões de dados em tempo real em aplicações Angular
これらのプロンプトを試す
Mostre-me como usar switchMap com debounceTime para uma entrada de pesquisa no Angular
Como converter um Observable HTTP para um Signal usando toSignal() no Angular
Qual é a maneira moderna de limpar assinaturas RxJS no Angular 17+
Como implementar lógica de retry com catchError para requisições HTTP no Angular RxJS
ベストプラクティス
- Sempre use takeUntilDestroyed() para limpeza de assinaturas em componentes Angular
- Prefira toSignal() sobre assinaturas manuais para vinculação de dados no template
- Use switchMap para requisições acionadas pelo usuário para cancelar chamadas de API obsoletas
回避
- Evite assinaturas aninhadas - use operadores como switchMap em vez disso
- Não se esqueça de cancelar a assinatura - vazamentos de memória ocorrerão
- Evite misturar AsyncPipe com Signals - escolha uma abordagem