Une spécification de style React 19.3 en japonais : lors de la rédaction, la modification et la revue de composants et de traitements serveur par un agent, utilisez le tableau pour décider où placer l'état (Effect Atom pour l'état de l'interface, TanStack Query pour les données serveur), comment éliminer les cascades asynchrones et quand utiliser les API concurrentes. Elle est adaptée du template masseater/typescript-template de l'auteur.
Audit de sécurité : audité (aucun risque détecté)
Installation : npx skills add https://github.com/masseater/skills --skill how-to-use-react
Justification
- Le tableau «置き分け» (répartition) détaille ce qu'il faut utiliser et ce qu'il faut éviter : ne pas utiliser useState / useContext (bloqué par no-restricted-imports), utiliser useOptimistic pour les mises à jour optimistes, utiliser useTransition au lieu de debounce pour les mises à jour non urgentes, et utiliser <Activity> pour masquer tout en conservant l'état
- Dans les dépôts avec React Compiler, ne pas écrire useMemo / useCallback / memo ; sinon, les ajouter uniquement aux endroits signalés par la règle react-perf
- Pour les opérations asynchrones indépendantes, utiliser Effect.all avec concurrency: "unbounded" pour la concurrence ; si l'ordre est requis, spécifier explicitement concurrency: 1. L'auteur précise que le contenu est adapté de ressources telles que react-best-practices de vercel-labs, sans adopter Next.js, SWR ni Redux
- 24 heures d'installation sur skills.sh 2801 (reflète uniquement le niveau d'attention)
Utilisation
- npx skills add https://github.com/masseater/skills --skill how-to-use-react
- Se déclenche lors de la rédaction, de la modification ou de la revue de composants React, de loaders et de traitements serveur ; SKILL.md exige de lire simultanément 8 documents dans references/ (async, effects-and-data, component-apis, etc.)
Risques
- Le résultat de l'audit est conforme ; SKILL.md est une spécification purement textuelle, sans scripts ni requêtes réseau, ce qui correspond au contenu ; les documents dans references/ n'ont pas été scannés
- Les règles sont liées à la stack technique du template de l'auteur (Effect, TanStack Start, structure de répertoires FSD) ; les utiliser telles quelles dans des projets Next.js / Redux classiques entraînera des conflits avec le code existant
- Le texte est entièrement en japonais ; la page skills.sh indique que le dépôt n'a que 2 étoiles et n'a été indexé pour la première fois que le 12 10, ce qui rend le nombre d'installations quotidiennes disproportionné par rapport à la taille du dépôt