·react-best-practices
</>

react-best-practices

Комплексное руководство по лучшим практикам React и Next.js, охватывающее оптимизацию производительности, архитектуру компонентов, шаблоны shadcn/ui, анимацию движения и современные шаблоны React 19+. Этот навык следует использовать при написании, проверке или рефакторинге кода React/Next.js. Запускается при выполнении задач, включающих компоненты React, страницы Next.js, выборку данных, компоненты пользовательского интерфейса, анимацию или улучшения качества кода.

102Установки·6Тренд·@dedalus-erp-pas

Установка

$npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices

Как установить react-best-practices

Быстро установите AI-навык react-best-practices в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: dedalus-erp-pas/foundation-skills.

Comprehensive guide for building modern React and Next.js applications. Covers performance optimization, component architecture, shadcn/ui patterns, Motion animations, accessibility, and React 19+ features.

| 1 | Component Architecture | CRITICAL | arch- | | 2 | Eliminating Waterfalls | CRITICAL | async- | | 3 | Bundle Size Optimization | CRITICAL | bundle- | | 4 | Server Components & Actions | HIGH | server- | | 5 | shadcn/ui Patterns | HIGH | shadcn- | | 6 | State Management | MEDIUM-HIGH | state- | | 7 | Motion & Animations | MEDIUM | motion- |

| 8 | Re-render Optimization | MEDIUM | rerender- | | 9 | Accessibility | MEDIUM | a11y- | | 10 | TypeScript Patterns | MEDIUM | ts- |

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from dedalus-erp-pas/foundation-skills

Короткие ответы

Что такое react-best-practices?

Комплексное руководство по лучшим практикам React и Next.js, охватывающее оптимизацию производительности, архитектуру компонентов, шаблоны shadcn/ui, анимацию движения и современные шаблоны React 19+. Этот навык следует использовать при написании, проверке или рефакторинге кода React/Next.js. Запускается при выполнении задач, включающих компоненты React, страницы Next.js, выборку данных, компоненты пользовательского интерфейса, анимацию или улучшения качества кода. Источник: dedalus-erp-pas/foundation-skills.

Как установить react-best-practices?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/dedalus-erp-pas/foundation-skills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01