boilerplate: design system for react
features
- react
- vanilla-extract
- vitebook
Getting started
- fork or download this repository
- update
package.json
for your design system. yarn install
yarn dev
start vitebook
yarn run dev
build vitebook
yarn run build:vitebook
build and publish design component for npm package
At first, build your design componenets by this command.
yarn run build
Then, Set name
and version
in package.json
to suit your enviroment before deploying design components. Now, you can publish your design components to npm!
yarn publish
and, your design components library's usage will be like below
// import style
import '@you/designsystem/dist/style.css';
// import component
import { Button } from '@you/designsystem';
import ReactDom from 'react-dom';
ReactDom.render(document.getElementById('app'), <Button />);