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

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

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

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

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

## Шаги

1. Определи слой компонента по его назначению (→ basics/architecture.md):
   - `ui/` — переиспользуемый UI без бизнес-логики
   - `business/` — бизнес-домен с логикой и UI
   - `widgets/` — составной блок, не привязанный к домену
   - `screens/{name}/parts/` — локальный блок одной страницы

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)