ReactLynx best practices — dual-thread React on Lynx
Écrire, réviser et refactorer du code ReactLynx pour le runtime double-thread — modes écriture/revue/refactor, un scanner heuristique, et neuf documents de règles (background-only, cycle de vie, events, scripts main-thread, packaging de libs, global props, code splitting, profiling, JSX statique)
- Quoi
- Écrire, réviser et refactorer du code ReactLynx pour le runtime double-thread — modes écriture/revue/refactor, un scanner heuristique, et neuf documents de règles (background-only, cycle de vie, events, scripts main-thread, packaging de libs, global props, code splitting, profiling, JSX statique)
- Coût
- Gratuit
- Prérequis
- un projet ReactLynx que l'agent peut lire et refactorer — le skill est une méthodologie de revue/refactor avec scanner d'aide, pas un logiciel à installer
- Installation
- Copiez le prompt d’installation ci-dessous dans votre Muse — votre agent fait le reste.
Sélectionné par Skill Harbor — le skill de bonnes pratiques ReactLynx de @lynx-community : écrire, réviser et refactorer du code pour ReactLynx, où le modèle de programmation React rencontre le runtime double-thread de Lynx. L'agent classifie d'abord la tâche (écriture / revue / refactor), inspecte le code pour les marqueurs de frontières de threads (`lynx.getJSModule`, `NativeModules`, `runOnMainThread`, `runOnBackground`, `main-thread:*`, `'background only'`), lance optionnellement le scanner heuristique fourni (`ReactLynxWorkflow`), puis applique neuf documents de règles : detect-background-only (critique), avoid-use-layout-effect (`useEffect` pour les effets de bord background, events de layout main-thread pour les lectures de layout), proper-event-handlers, main-thread-scripts-guide (captures JSON-sérialisables, pas de MTS imbriqués), component-library-packaging (dist ESM type-erased avec JSX préservé), global-props-mode, code-splitting (exports par défaut lazy + Suspense), performance-profiling (événements de trace, displayName), hoist-static-jsx. Le mode refactor rapporte d'abord les constats, explique quelles corrections sont mécaniques vs jugement humain, et applique seulement des changements ciblés avec les auto-fixes comme suggestions. Bémols honnêtes : le scanner fourni est une heuristique légère — il ne remplace jamais la lecture du code et l'application des docs de règles ; exclut explicitement le PAPI Lynx vanilla, le débogage DevTool/CDP et la config de build (des skills frères couvrent ça). Licence Apache-2.0. 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 ReactLynx que l'agent peut lire et refactorer — le skill est une méthodologie de revue/refactor avec scanner d'aide, pas un logiciel à installer Installe-moi « Bonnes pratiques ReactLynx — React double-thread sur Lynx ». Il donne à mon agent le workflow ReactLynx de @lynx-community : classifier la tâche (écriture/revue/refactor), inspecter le code pour les marqueurs de frontières de threads, lancer le scanner heuristique fourni (ReactLynxWorkflow) quand le source est disponible, et appliquer les neuf documents de règles (detect-background-only, avoid-use-layout-effect, proper-event-handlers, main-thread-scripts-guide, component-library-packaging, global-props-mode, code-splitting, performance-profiling, hoist-static-jsx) — avec le mode refactor rapportant d'abord les constats et appliquant seulement des changements ciblés et révisés. Licence Apache-2.0. Dépôt : https://github.com/lynx-community/skills/blob/main/plugins/reactlynx/skills/reactlynx-best-practices/SKILL.md 1. Récupère le fichier SKILL.md (et les dossiers rules/ et scripts/) 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, les règles 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 d'aide dans le répertoire des skills de l'agent, dans un dossier nommé « reactlynx-best-practices ». 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 mon code ReactLynx ; rien d'autre — c'est une méthodologie de revue). 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.