refactor: заменить shiki на самописный highlighter и обновить архитектуру

- Удалён shiki (9.5→0 МБ), создан regex-токенизатор для html/css/xml
- CLI переведён с аргументов на конфиг-файл svg-sprites.config.ts
- Превью переработано: React-приложение вместо инлайн HTML
- Добавлен футер с названием пакета и ссылкой на репозиторий
- Исправлена загрузка dev-data.js для Vite 8
- Футер прижат к низу, содержимое центрировано
This commit is contained in:
2026-04-22 16:54:35 +03:00
parent aad1c97f50
commit e77e7dfcf1
154 changed files with 9083 additions and 516 deletions

View File

@@ -0,0 +1,38 @@
---
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)