nextjs-style-guide/src/base/triggers/develop/create-component.md

title

title
Создать компонент

Создать компонент

Инструкция по созданию React-компонента в проекте. Определи слой, сгенерируй из шаблона, реализуй по правилам.

Прочитай перед началом

• applied/components.md — правила компонентов: структура файлов, пропсы, документирование
• basics/naming.md — именование файла и экспортов

Шаги

1. Определи слой компонента по его назначению (→ basics/architecture.md):

   • shared/ui/ — переиспользуемый UI без бизнес-логики
   • features/ — фича с бизнес-логикой
   • widgets/ — композиция фичей и сущностей
   • entities/ — бизнес-сущность с UI

2. Сгенерируй модуль из шаблона (→ triggers/develop/generate-module.md).

3. Реализуй компонент по правилам (→ applied/components.md).

4. Если нужны стили — см. triggers/develop/style-component.md.

Смежные триггеры

• triggers/develop/style-component.md — стилизация компонента
• triggers/develop/add-icon.md — добавление иконки в компонент
• triggers/develop/generate-module.md — генерация из шаблона

Проверь себя

• Компонент создан из шаблона, не вручную
• Файл и экспорт именованы по конвенции (→ basics/naming.md)
• Пропсы типизированы (→ basics/typing.md)