---
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)