MCP HubMCP Hub
Вернуться к навыкам

react-patterns

ma1orek
Обновлено 2 days ago
5 просмотров
1
1
Посмотреть на GitHub
Другоеreactreact-19typescriptjavascriptjsxtsxhooksserver-componentsactionssuspenseconcurrent-renderingreact-compileruse-optimisticform-actions

О программе

Этот навык предоставляет экспертные рекомендации по новейшим паттернам React 19, включая Серверные Компоненты, Actions и конкурентные функции, такие как `useOptimistic` и Suspense. Используйте его для проектирования архитектуры компонентов, управления состоянием, оптимизации производительности и внедрения современной разработки на TypeScript. Это ваш основной ресурс для любых вопросов по разработке на React 19 или для проведения код-ревью.

Быстрая установка

Claude Code

Рекомендуется
Основной
npx skills add ma1orek/replay -a claude-code
Команда плагинаАльтернативный
/plugin add https://github.com/ma1orek/replay
Git клонированиеАльтернативный
git clone https://github.com/ma1orek/replay.git ~/.claude/skills/react-patterns

Скопируйте и вставьте эту команду в Claude Code для установки этого навыка

GitHub репозиторий

ma1orek/replay
Путь: .cursor/skills/react-patterns
0

Похожие навыки

chatbot-widget-creator

Другое

Этот навык создает готовый к использованию виджет чат-бота в стиле ChatGPT для интеграции во фронтенд. Он включает ключевые функции, такие как защита от бесконечных перерисовок, возможность выделения текста с функцией «Спросить ИИ», а также готовую интеграцию с RAG-бэкендами и SSE-стримингом. Используйте его для быстрого развертывания проверенного в бою и контролируемого чат-интерфейса.

Просмотреть навык

typescript-docs

Другое

Этот навык создает комплексную документацию на TypeScript с использованием JSDoc и TypeDoc для справочников API, записей архитектурных решений (ADR) и примеров для конкретных фреймворков. Используйте его для автоматического документирования модулей, создания многоуровневой документации для разных аудиторий или настройки документации для проектов с использованием NestJS, Express, React, Angular или Vue.

Просмотреть навык

chatbot-widget-creator

Другое

Этот навык создает готовый к использованию виджет чат-бота в стиле ChatGPT со встроенными решениями для типичных фронтенд-проблем. Он обеспечивает защиту от бесконечных перерисовок, функциональность "Спросить ИИ" при выделении текста и встроенную поддержку потоковых SSE- и RAG-бэкендов. Используйте его для быстрого внедрения контролируемого и производительного чат-интерфейса в вашем веб-приложении.

Просмотреть навык

gemini-frontend-assistant

Другое

Этот навык использует интерфейс командной строки Gemini для генерации кода пользовательского интерфейса из текстовых описаний или изображений. Он специализируется на создании React-компонентов с использованием Tailwind CSS, что делает его идеальным инструментом для преобразования скриншотов или концепций дизайна в рабочий код. Разработчикам рекомендуется применять его для быстрого прототипирования, помощи в стилизации и рефакторинга кода.

Просмотреть навык