Reactive programming — RxJS streams, observables and backpressure patterns
Construire des UI pilotées par événements avec des observables RxJS — subjects, opérateurs, debounce, reconnexion WebSocket, combinaison de streams et gestion du backpressure
- Quoi
- Construire des UI pilotées par événements avec des observables RxJS — subjects, opérateurs, debounce, reconnexion WebSocket, combinaison de streams et gestion du backpressure
- Coût
- Gratuit
- Prérequis
- un projet TypeScript/JavaScript utilisant RxJS — le skill est un guide de patterns que l'agent suit, pas un logiciel
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill de programmation réactive de @aj-geddes : un playbook RxJS pratique pour les flux de données async. Couvre quand le réactif convient (UI pilotées par événements, WebSocket/SSE, combinaison multi-sources), un quick-start minimal fonctionnel, et une liste claire de do/don't — unsubscribe pour éviter les fuites, utiliser les opérateurs plutôt que des subscriptions imbriquées, gérer les erreurs, utiliser shareReplay pour les streams coûteux. Bémols honnêtes : les guides d'implémentation détaillés (bases RxJS, recherche avec debounce, gestion d'état, reconnexion WebSocket, opérateurs custom, backpressure) vivent dans le répertoire `references/` du repo et sont récupérés à l'installation — le fichier skill lui-même est l'aperçu et l'index. Licence MIT. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Découvert via skills.sh.
Version :
Installation
Prérequis : un projet TypeScript/JavaScript utilisant RxJS — le skill est un guide de patterns que l'agent suit, pas un logiciel Installe-moi « Programmation réactive — streams RxJS, observables et gestion du backpressure ». Il donne à mon agent le playbook RxJS de @aj-geddes : quand le réactif convient, un quick-start minimal fonctionnel (Observable, Subject, BehaviorSubject, fromEvent, interval, map/filter/debounceTime/switchMap), les bonnes pratiques do/don't (unsubscribe, éviter les subscriptions imbriquées, gérer les erreurs, shareReplay), et un index de guides de référence détaillés. NOTE : les guides de référence approfondis (rxjs-basics, search-with-debounce, state-management, websocket-with-reconnection, backpressure-handling, custom-operators) vivent dans le répertoire references/ du repo — récupère-les en même temps que le SKILL.md. Licence MIT. Dépôt : https://github.com/aj-geddes/useful-ai-prompts/blob/main/skills/reactive-programming/SKILL.md 1. Récupère le fichier SKILL.md (et les fichiers du répertoire references/) depuis le chemin du dépôt dans un dossier temporaire et résume en une ou deux phrases ce qu'il fait. 2. Vérification de sécurité : examine le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, collecte d'identifiants). Ce dépôt ne devrait contenir aucun secret en dur. Vérifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers de référence dans le répertoire des skills de l'agent, dans un dossier nommé « reactive-programming ». 4. Vérifie sans appels réseau : frontmatter valide, fichiers en place. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (p. ex. pointer l'agent vers le flux de données async à construire ; rien d'autre — c'est un guide de patterns). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt d’installation à copier-coller. Collez-le dans votre Muse et il installe la création pour vous — sans configuration manuelle.
Où va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le ✓ à côté du nom d’un créateur ?
Il signifie que nous avons confirmé l’identité de la personne derrière la fiche. Il ne dit rien sur le code lui-même — vérifiez toujours une création avant de l’installer.