@stinum/ui v1.0.9

Требования

1. Nodejs >= 14
2. Yarn >= 1.22.5

Разработка

1. Склонировать репозиторий и перейти в созданную директорию.
2. Установить зависимости: yarn install.
3. Поднять локально документацию с лайврелоадом: yarn styleguide.

Документация будет доступна на http://localhost:6060. В ней ведётся вся разработка. Для удобства можно сразу перейти на страницу разрабатываемого компонента (http://localhost:6060/#!/PanelHeader)

Чеклист для компонента

Организационные моменты

• Компонент находится в своей папке в src/components и не делит её с другими публичными компонентами (один файл — один компонент)
• У компонента есть понятная документация, описанная в директории компонента в файле Readme.md. Файл подключается в styleguide/config.js
• Вся стилизация — в соответствующем .css файле. Файл подключается в src/styles/styles.css

Требования к разработке

• CSS-классы компонента передаем через stinumuiClass="Hello"
• Свойства className и style навешиваются на корневой элемент компонента
• Свойства, не используемые в коде компонента, навешиваются на главный элемент компонента. По умолчанию главным является корневой элемент:

props => <div {...props} stinumuiClass="Component" />