react-patterns
О программе
Этот навык предоставляет экспертные рекомендации по новейшим паттернам React 19, включая Серверные Компоненты, Actions и хуки, такие как `useOptimistic`. Используйте его для проектирования архитектуры компонентов, управления состоянием и оптимизации производительности при создании современных React-приложений. Он активно помогает во внедрении конкурентных функций, Suspense и разработке с использованием TypeScript.
Быстрая установка
Claude Code
Рекомендуетсяnpx skills add ma1orek/replay -a claude-code/plugin add https://github.com/ma1orek/replaygit clone https://github.com/ma1orek/replay.git ~/.claude/skills/react-patternsСкопируйте и вставьте эту команду в Claude Code для установки этого навыка
GitHub репозиторий
Frequently asked questions
What is the react-patterns skill?
react-patterns is a Claude Skill by ma1orek. Skills package instructions and resources that Claude loads on demand, so Claude can perform react-patterns-related tasks without extra prompting.
How do I install react-patterns?
Use the install commands on this page: add react-patterns to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does react-patterns belong to?
react-patterns is in the frontend category, tagged react, react-19, typescript, javascript, jsx and tsx.
Is react-patterns free to use?
Yes. react-patterns is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Похожие навыки
Этот навык создает готовый к использованию виджет чат-бота в стиле ChatGPT для интеграции во фронтенд. Он включает ключевые функции, такие как защита от бесконечных перерисовок, возможность выделения текста с функцией «Спросить ИИ», а также готовую интеграцию с RAG-бэкендами и SSE-стримингом. Используйте его для быстрого развертывания проверенного в бою и контролируемого чат-интерфейса.
Этот навык создает готовый к использованию виджет чат-бота в стиле ChatGPT со встроенными решениями для типичных фронтенд-проблем. Он обеспечивает защиту от бесконечных перерисовок, функциональность "Спросить ИИ" при выделении текста и встроенную поддержку потоковых SSE- и RAG-бэкендов. Используйте его для быстрого внедрения контролируемого и производительного чат-интерфейса в вашем веб-приложении.
Этот навык использует интерфейс командной строки Gemini для генерации кода пользовательского интерфейса из текстовых описаний или изображений. Он специализируется на создании React-компонентов с использованием Tailwind CSS, что делает его идеальным инструментом для преобразования скриншотов или концепций дизайна в рабочий код. Разработчикам рекомендуется применять его для быстрого прототипирования, помощи в стилизации и рефакторинга кода.
Этот навык создает комплексную документацию на TypeScript, используя JSDoc и TypeDoc, для различных аудиторий. Он формирует API-документацию, записи архитектурных решений (ADR), а также примеры для конкретных фреймворков: NestJS, Express, React, Angular и Vue. Используйте его для документирования модулей, генерации API-документации или выстраивания многоуровневых паттернов документирования.