MCP HubMCP Hub
Retour aux compétences

react-patterns

ma1orek
Mis à jour 2 days ago
2 vues
1
1
Voir sur GitHub
Autrereactreact-19typescriptjavascriptjsxtsxhooksserver-componentsactionssuspenseconcurrent-renderingreact-compileruse-optimisticform-actions

À propos

Cette compétence offre des conseils d'expert sur les dernières pratiques de React 19, incluant les Composants Serveur, les Actions et les hooks comme `useOptimistic`. Utilisez-la pour l'architecture des composants, la gestion d'état et l'optimisation des performances lors du développement d'applications React modernes. Elle assiste activement dans la mise en œuvre des fonctionnalités concurrentes, de Suspense et du développement avec TypeScript.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add ma1orek/replay -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/ma1orek/replay
Git CloneAlternatif
git clone https://github.com/ma1orek/replay.git ~/.claude/skills/react-patterns

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Dépôt GitHub

ma1orek/replay
Chemin: skills/react-patterns
0

Compétences associées

chatbot-widget-creator

Autre

Cette compétence crée un widget de chatbot de type ChatGPT, prêt pour la production, destiné à l'intégration frontend. Elle inclut des fonctionnalités essentielles telles que la protection contre les re-rendus infinis, la fonctionnalité "Demander à l'IA" par sélection de texte, et une intégration prête à l'emploi avec des backends RAG et le streaming SSE. Utilisez-la pour déployer rapidement une interface de chat éprouvée en conditions réelles et surveillée.

Voir la compétence

typescript-docs

Autre

Cette compétence génère une documentation TypeScript complète en utilisant JSDoc et TypeDoc pour les références d'API, les enregistrements de décisions architecturales (ADR), et des exemples spécifiques aux frameworks. Utilisez-la pour documenter automatiquement des modules, créer une documentation à plusieurs niveaux pour différents publics, ou configurer la documentation pour des projets utilisant NestJS, Express, React, Angular ou Vue.

Voir la compétence

react-patterns

Autre

Cette compétence fournit des conseils d'expert sur les dernières pratiques de React 19, y compris les Composants Serveur, les Actions et les fonctionnalités concurrentes comme `useOptimistic` et Suspense. Utilisez-la pour l'architecture des composants, la gestion d'état, l'optimisation des performances et la mise en œuvre du développement TypeScript moderne. C'est votre ressource incontournable pour toute question de développement React 19 ou revue de code.

Voir la compétence

chatbot-widget-creator

Autre

Cette compétence génère un widget de chatbot de type ChatGPT prêt pour la production, avec des solutions intégrées pour les problèmes frontend courants. Elle offre une protection contre les re-rendus infinis, une fonctionnalité de sélection de texte "Demander à l'IA", et une prise en charge intégrée des backends SSE en streaming et RAG. Utilisez-la pour implémenter rapidement une interface de chat surveillée et performante dans votre application web.

Voir la compétence