Предоставляет шаблоны React для хуков, эффектов, ссылок и дизайна компонентов. Охватывает аварийные люки, анти-паттерны и правильное использование эффектов. Необходимо использовать при чтении или записи компонентов React (файлы .tsx, .jsx с импортом React).
Быстро установите AI-навык react-best-practices в вашу среду разработки через командную строку
Источник: 0xbigboss/claude-code.
When working with React, always load both this skill and typescript-best-practices together. TypeScript patterns (type-first development, discriminated unions, Zod validation) apply to React code.
Effects let you "step outside" React to synchronize with external systems. Most component logic should NOT use Effects. Before writing an Effect, ask: "Is there a way to do this without an Effect?"
React remounts components in development to verify cleanup works. If you see effects firing twice, don't try to prevent it with refs:
Предоставляет шаблоны React для хуков, эффектов, ссылок и дизайна компонентов. Охватывает аварийные люки, анти-паттерны и правильное использование эффектов. Необходимо использовать при чтении или записи компонентов React (файлы .tsx, .jsx с импортом React). Источник: 0xbigboss/claude-code.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/0xbigboss/claude-code --skill react-best-practicesПредоставляет шаблоны React для хуков, эффектов, ссылок и дизайна компонентов. Охватывает аварийные люки, анти-паттерны и правильное использование эффектов. Необходимо использовать при чтении или записи компонентов React (файлы .tsx, .jsx с импортом React). Источник: 0xbigboss/claude-code.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/0xbigboss/claude-code --skill react-best-practices После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/0xbigboss/claude-code