#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'