·workleap-react-best-practices
</>

workleap-react-best-practices

React aux directives d'optimisation des performances pour les applications à page unique (SPA) chez Workleap. À utiliser lors de l'écriture, de la révision ou de la refactorisation du code React SPA pour garantir des modèles de performances optimaux. Déclencheurs sur des tâches impliquant des composants React, la gestion des états, l'optimisation des bundles, la prévention du nouveau rendu, les performances de rendu ou l'amélioration des performances JavaScript. Couvre l'élimination des cascades asynchrones, la réduction de la taille du bundle, l'optimisation du nouveau rendu, l'efficacité du rendu, les micro-optimisations JS et les modèles React avancés. Ne couvre PAS le rendu côté serveur (SSR), Next.js ou les composants serveur.

10Installations·0Tendance·@workleap

Installation

$npx skills add https://github.com/workleap/wl-squide --skill workleap-react-best-practices

Comment installer workleap-react-best-practices

Installez rapidement le skill IA workleap-react-best-practices 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/workleap/wl-squide --skill workleap-react-best-practices
  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 : workleap/wl-squide.

Performance optimization guide for React Single Page Applications (SPA), tailored for Workleap's SPA-first architecture.

| 1 | Eliminating Waterfalls | CRITICAL | async-rules.md | | 2 | Bundle Size Optimization | CRITICAL | bundle-rules.md | | 3 | Re-render Optimization | MEDIUM | rerender-rules.md | | 4 | Rendering Performance | MEDIUM | rendering-rules.md | | 5 | JavaScript Performance | LOW-MEDIUM | js-rules.md | | 6 | Advanced Patterns | LOW | advanced-rules.md |

Waterfalls are the #1 performance killer. Each sequential await adds full network latency.

React aux directives d'optimisation des performances pour les applications à page unique (SPA) chez Workleap. À utiliser lors de l'écriture, de la révision ou de la refactorisation du code React SPA pour garantir des modèles de performances optimaux. Déclencheurs sur des tâches impliquant des composants React, la gestion des états, l'optimisation des bundles, la prévention du nouveau rendu, les performances de rendu ou l'amélioration des performances JavaScript. Couvre l'élimination des cascades asynchrones, la réduction de la taille du bundle, l'optimisation du nouveau rendu, l'efficacité du rendu, les micro-optimisations JS et les modèles React avancés. Ne couvre PAS le rendu côté serveur (SSR), Next.js ou les composants serveur. Source : workleap/wl-squide.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/workleap/wl-squide --skill workleap-react-best-practices
Catégorie
</>Développement
Vérifié
Première apparition
2026-03-10
Mis à jour
2026-03-10

Browse more skills from workleap/wl-squide

Réponses rapides

Qu'est-ce que workleap-react-best-practices ?

React aux directives d'optimisation des performances pour les applications à page unique (SPA) chez Workleap. À utiliser lors de l'écriture, de la révision ou de la refactorisation du code React SPA pour garantir des modèles de performances optimaux. Déclencheurs sur des tâches impliquant des composants React, la gestion des états, l'optimisation des bundles, la prévention du nouveau rendu, les performances de rendu ou l'amélioration des performances JavaScript. Couvre l'élimination des cascades asynchrones, la réduction de la taille du bundle, l'optimisation du nouveau rendu, l'efficacité du rendu, les micro-optimisations JS et les modèles React avancés. Ne couvre PAS le rendu côté serveur (SSR), Next.js ou les composants serveur. Source : workleap/wl-squide.

Comment installer workleap-react-best-practices ?

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/workleap/wl-squide --skill workleap-react-best-practices 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/workleap/wl-squide