39 lines
1.8 KiB
Markdown
39 lines
1.8 KiB
Markdown
|
---
|
|||
|
|
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)
|