#React-omni-ui
Библиотека react компонентов для разработки интерфейсов
Установка
npm install react-omni-ui
или
yarn add react-omni-ui
Запуск и разработка
npm run storybook
- запустить storybook локально
npm run test
- запустить тесты
npm run test -- -u
- пересоздать снапшоты для тестов
npm run build
- собрать bundle
Импорт в проект
import {Button} from 'react-omni-ui'
- заберем библиотеку целиком
или
import {Button} from 'react-omni-ui/dist/components/Button'
- заберем только компонент кнопки
Основные моменты при разработке
- Чем меньше посторонних зависимостей, тем лучше
- При добавлении сторонних зависимостей в библиотеку необходимо их прописывать в секции
externals
файлаwebpack.config.js
- При создании нового компонента необходимо прописать его в секции
entry
файлаwebpack.config.js
- При переиспользовании компонентов внутри других компонентов импортировать необходимо не из
index.ts
, а из папки компонента. Например:import {Typographt} from '@components/Typography'