·react-patterns
</>

react-patterns

React 19+ modèles, optimisation des performances et architecture des composants. Couvre les hooks, les arbres de décision de gestion d'état, la récupération de données avec l'API use(), les composants serveur, le compilateur React, l'optimisation du bundle et l'élimination du nouveau rendu. À utiliser lors de la création de composants, de l'optimisation des rendus, de la récupération de données, de la gestion de l'état, de la gestion des formulaires, de la structuration des interfaces ou de la révision du code React.

26Installations·2Tendance·@oakoss

Installation

$npx skills add https://github.com/oakoss/agent-skills --skill react-patterns

Comment installer react-patterns

Installez rapidement le skill IA react-patterns dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/oakoss/agent-skills --skill react-patterns
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : oakoss/agent-skills.

Comprehensive React skill covering component architecture, performance optimization, state management, data fetching, and modern React 19+ APIs. Prioritizes React Compiler compatibility, Server Components, and elimination of data fetching waterfalls.

When to use: Building React applications, optimizing performance, choosing state management, implementing data fetching, reviewing component architecture.

When NOT to use: Non-React frameworks, purely server-side rendering without React, static sites without interactivity.

React 19+ modèles, optimisation des performances et architecture des composants. Couvre les hooks, les arbres de décision de gestion d'état, la récupération de données avec l'API use(), les composants serveur, le compilateur React, l'optimisation du bundle et l'élimination du nouveau rendu. À utiliser lors de la création de composants, de l'optimisation des rendus, de la récupération de données, de la gestion de l'état, de la gestion des formulaires, de la structuration des interfaces ou de la révision du code React. Source : oakoss/agent-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/oakoss/agent-skills --skill react-patterns
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-22
Mis à jour
2026-03-10

Browse more skills from oakoss/agent-skills

Réponses rapides

Qu'est-ce que react-patterns ?

React 19+ modèles, optimisation des performances et architecture des composants. Couvre les hooks, les arbres de décision de gestion d'état, la récupération de données avec l'API use(), les composants serveur, le compilateur React, l'optimisation du bundle et l'élimination du nouveau rendu. À utiliser lors de la création de composants, de l'optimisation des rendus, de la récupération de données, de la gestion de l'état, de la gestion des formulaires, de la structuration des interfaces ou de la révision du code React. Source : oakoss/agent-skills.

Comment installer react-patterns ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/oakoss/agent-skills --skill react-patterns Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/oakoss/agent-skills