Спецификация написания React 19.3 на японском языке: при написании, изменении и ревью компонентов и серверной обработки агентом следует использовать таблицу для определения места хранения состояния (состояние интерфейса — через Effect Atom, данные с сервера — через TanStack Query), способов устранения асинхронных каскадов и случаев использования параллельного API. Документ адаптирован для шаблона автора masseater/typescript-template.
Аудит безопасности: пройден (риски не обнаружены)
Установка: npx skills add https://github.com/masseater/skills --skill how-to-use-react
Обоснование
- В таблице «Разделение ответственности» подробно указано, что использовать и чего избегать: не использовать useState / useContext (блокируется правилом no-restricted-imports), для оптимистичных обновлений использовать useOptimistic, для несрочных обновлений использовать useTransition вместо задержек по таймеру, для скрытых, но сохраняющих состояние элементов использовать <Activity>
- В репозиториях с React Compiler не следует писать useMemo / useCallback / memo; если компилятор отсутствует, добавлять их только там, где это указано правилом react-perf
- Независимые асинхронные операции выполнять параллельно через Effect.all с параметром concurrency: "unbounded"; если требуется последовательность, явно указывать concurrency: 1; автор отмечает, что материал адаптирован из таких источников, как react-best-practices от vercel-labs, без использования Next.js, SWR и Redux
- За 24 часов на skills.sh выполнено 2801 установок (отражает только уровень интереса)
Использование
- npx skills add https://github.com/masseater/skills --skill how-to-use-react
- Активируется при написании, изменении и ревью React-компонентов, загрузчиков (loaders) и серверной обработки; в SKILL.md требуется одновременное чтение 8 документов из папки references/ (async, effects-and-data, component-apis и др.)
Риски
- Результат аудита — успешный; SKILL.md представляет собой чисто текстовую спецификацию без скриптов и сетевых запросов, что соответствует содержанию; документы в папке references/ не проверялись
- Правила привязаны к технологическому стеку шаблона автора (Effect, TanStack Start, структура каталогов FSD); в обычных проектах на Next.js / Redux их применение может конфликтовать с существующим кодом
- Весь текст на японском языке; на странице skills.sh видно, что у репозитория всего 2 звёзд, и он был впервые добавлен только 12 числа 10 месяца, что делает суточное число установок несопоставимым с масштабом репозитория