gromov/svg-sprites
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
dab7685cf2cf26388ccb0ef566c2ee22d32e70ef
svg-sprites/preview/ai/triggers/develop/create-component.md
S.Gromov e77e7dfcf1 refactor: заменить shiki на самописный highlighter и обновить архитектуру 
- Удалён shiki (9.5→0 МБ), создан regex-токенизатор для html/css/xml
- CLI переведён с аргументов на конфиг-файл svg-sprites.config.ts
- Превью переработано: React-приложение вместо инлайн HTML
- Добавлен футер с названием пакета и ссылкой на репозиторий
- Исправлена загрузка dev-data.js для Vite 8
- Футер прижат к низу, содержимое центрировано
2026-04-22 16:54:35 +03:00

1.8 KiB
Raw Blame History

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