callstackincubator/react-devtools

Inspectez et profilez les arbres de composants React Native depuis l'agent. Utilisé pour les performances React Native, le profilage, les props, l'état, les hooks, les causes de rendu, les composants lents, les rerender excessifs, ou les questions comme pourquoi un composant a été rerendu.

Qu'est-ce que react-devtools ?

Cette compétence permet d'inspecter et de profiler les arbres de composants React Native directement depuis l'agent, sans avoir besoin d'un navigateur ou d'un outil externe. Elle est particulièrement utile pour diagnostiquer les problèmes de performances, identifier les rerender inutiles, analyser les props, l'état et les hooks des composants. Compatible avec les agents utilisant React Native, elle offre des fonctionnalités de profilage détaillées pour trouver les goulots d'étranglement et optimiser les applications. Grâce à une intégration native, l'agent peut répondre à des questions complexes comme « pourquoi ce composant se rerend-il ? » en inspectant l'arbre de composants en temps réel.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/callstackincubator/agent-device/tree/main/skills/react-devtools

Installed? Explore more Productivité et collaboration skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait react-devtools ?

Inspectez et profilez les arbres de composants React Native depuis l'agent. Utilisé pour les performances React Native, le profilage, les props, l'état, les hooks, les causes de rendu, les composants lents, les rerender excessifs, ou les questions comme pourquoi un composant a été rerendu.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Skills associés