S.Gromov
e77e7dfcf1
- Удалён shiki (9.5→0 МБ), создан regex-токенизатор для html/css/xml - CLI переведён с аргументов на конфиг-файл svg-sprites.config.ts - Превью переработано: React-приложение вместо инлайн HTML - Добавлен футер с названием пакета и ссылкой на репозиторий - Исправлена загрузка dev-data.js для Vite 8 - Футер прижат к низу, содержимое центрировано
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)
|