React
React, hooks, state management, Next.js cote client.
| # | Skill | Source | Description | Maj | |
|---|---|---|---|---|---|
| 1 | building-react-quill-canvases | posthog/skills | Construire des tableaux de bord PostHog avec React, Quill et les règles de la plateforme. | 63 | 14h |
| 2 | vercel-react-view-transitions | vercel-labs/agent-skills | Animer les transitions d'interface React avec les View Transitions natives du navigateur. | 31 546 | 28j |
| 3 | building-admin-dashboard-customizations | medusajs/medusa-agent-skills | Créer des extensions UI personnalisées pour le tableau de bord Medusa Admin. | 222 | 1mo |
| 4 | trigger-realtime | triggerdotdev/skills | Suivre en temps réel les tâches d'agents IA depuis le frontend avec React. | 31 | 1mo |
| 5 | react19-test-patterns | github/awesome-copilot | Migrer les tests React 18 vers React 19 en adaptant imports et assertions. | 39 398 | 1mo |
| 6 | clerk-react-router-patterns | clerk/skills | Intégrer l'authentification Clerk dans une application React Router v7. | 77 | 2mo |
| 7 | stitch::react-components | google-labs-code/stitch-skills | Transformer des designs Stitch en composants React modulaires et typés. | 8 372 | 2mo |
| 8 | react-vite-dashboard | google-labs-code/stitch-skills | Convertir des écrans Stitch en dashboards React/Vite typés et accessibles. | 8 372 | 3mo |
| 9 | react-email | resend/resend-skills | Créer et envoyer des emails HTML responsives avec des composants React. | 184 | 3mo |
| 10 | react-container-presentation-component | github/awesome-copilot | Créer un composant React selon le pattern Container/Presentation dans un projet TypeScript. | 39 398 | 3mo |
| 11 | react-state-management | wshobson/agents | Gérer l'état React avec Zustand, Redux Toolkit ou React Query selon les besoins. | 39 977 | 4mo |
| 12 | encore-frontend | encoredev/skills | Générer un client TypeScript typé pour connecter un frontend React à une API Encore. | 28 | 4mo |
| 13 | react-best-practices | mkurman/zorai | Optimiser les performances React et Next.js avec des patterns éprouvés par Vercel. | 324 | 4mo |
| 14 | vercel-composition-patterns | elophanto/elophanto | Composer des composants React flexibles en évitant la prolifération de props booléennes. | 106 | 4mo |
| 15 | apollo-client | apollographql/skills | Gérer données locales et distantes via GraphQL avec Apollo Client 4.x. | 114 | 5mo |
| 16 | no-use-effect | factory-ai/factory-plugins | Remplacer useEffect par des patterns React appropriés selon le contexte d'usage. | 112 | 5mo |
| 17 | vercel-react-best-practices | vercel-labs/agent-skills | Optimiser les performances React/Next.js selon 70 règles Vercel classées par impact. | 31 546 | 5mo |
| 18 | ui-toolkit/web | anthropics/knowledge-work-plugins | Intégrer une interface vidéo Zoom prête à l'emploi avec un minimum de code. | 25 631 | 5mo |
| 19 | react18-enzyme-to-rtl | github/awesome-copilot | Migrer des tests Enzyme vers React Testing Library en adoptant une approche comportementale. | 39 398 | 5mo |
| 20 | react18-lifecycle-patterns | github/awesome-copilot | Migrer les méthodes de cycle de vie obsolètes de React vers des patterns React 18 conformes. | 39 398 | 5mo |
| 21 | clerk-tanstack-patterns | clerk/skills | Intégrer l'authentification Clerk dans une application TanStack React Start avec Vinxi. | 77 | 5mo |
| 22 | react-flow-node-ts | microsoft/skills | Créer des composants React Flow avec types TypeScript et intégration store. | 3 052 | 5mo |
| 23 | zustand-store-ts | microsoft/skills | Créer des stores Zustand typés avec middleware et sélecteurs optimisés. | 3 052 | 5mo |
| 24 | error-tracking-react | posthog/skills | Intégrer le suivi d'erreurs PostHog dans une application React. | 63 | 6mo |
| 25 | integration-react-react-router-6 | posthog/skills | Intégrer PostHog Analytics dans une application React Router v6. | 63 | 6mo |
| 26 | integration-react-vite | posthog/skills | Intégrer PostHog Analytics dans une application React Vite avec bonnes pratiques. | 63 | 6mo |
| 27 | error-tracking-react | posthog/skills | Intégrer le suivi d'erreurs PostHog dans une application React. | 63 | 6mo |
| 28 | integration-nextjs-pages-router | posthog/skills | Intégrer PostHog Analytics dans une application Next.js avec le Pages Router. | 63 | 6mo |
| 29 | integration-react-react-router-6 | posthog/skills | Intégrer PostHog Analytics dans une application React Router v6. | 63 | 6mo |
| 30 | integration-react-react-router-7-data | posthog/skills | Intégrer PostHog Analytics dans une application React Router v7 en mode Data. | 63 | 6mo |
| 31 | integration-react-react-router-7-declarative | posthog/skills | Intégrer PostHog Analytics dans une application React Router v7 en mode déclaratif. | 63 | 6mo |
| 32 | integration-react-react-router-7-framework | posthog/skills | Intégrer PostHog Analytics dans une application React Router v7 en mode framework. | 63 | 6mo |
| 33 | integration-react-tanstack-router-code-based | posthog/skills | Intégrer PostHog Analytics dans une application React avec TanStack Router. | 63 | 6mo |
| 34 | integration-react-tanstack-router-file-based | posthog/skills | Intégrer PostHog Analytics dans une application React avec TanStack Router. | 63 | 6mo |
| 35 | integration-react-vite | posthog/skills | Intégrer PostHog Analytics dans une application React Vite avec bonnes pratiques. | 63 | 6mo |
| 36 | logs-nextjs | posthog/skills | Intégrer PostHog log ingestion dans des applications Next.js via OpenTelemetry. | 63 | 6mo |
| 37 | power-apps-code-app-scaffold | github/awesome-copilot | Scaffolger un projet Power Apps Code App complet avec React, TypeScript et Vite. | 39 398 | 7mo |
| 38 | building-storefronts | medusajs/medusa-agent-skills | Intégrer le SDK Medusa et React Query pour construire des storefronts frontend robustes. | 222 | 7mo |
| 39 | vercel-composition-patterns | vercel-labs/agent-skills | Structurer des composants React flexibles avec composition et patterns avancés. | 31 546 | 8mo |
| 40 | web-artifacts-builder | anthropics/skills | Construire et bundler des artifacts frontend React en un fichier HTML autonome. | 178 339 | 9mo |
À propos de cette sélection
L'écosystème React a beau être mature, migrer une codebase vers React 18 réserve encore des surprises : batching automatique, contexte legacy à décommissionner, librairies de test à porter d'Enzyme vers RTL. C'est là que les skills react couverts ici deviennent concrets, que tu sois fullstack JS en train de moderniser un monolithe ou frontend lead qui intègre les patterns Concurrent Mode dans une app Shopify ou un projet PostHog. Les cas d'usage vont de l'audit statique de patterns à risque dans une base existante jusqu'au diagnostic de compatibilité des dépendances avant une montée de version. Côté outillage, le niveau de précision disponible est déjà solide, avec une majorité de skills TypeScript couvrant les angles les plus fréquents d'une migration ou d'un audit de performance client.