A set of reausable UI components.

Usage no npm install needed!

<script type="module">
  import ciphersoftwareCipherUi from 'https://cdn.skypack.dev/@ciphersoftware/cipher-ui';



Rinse, React, repeat. A boilerplate to build a React component library.

To learn how this project was made from scratch, read the blog post!

Get Started

To start your own React component library, clone this repository and start your own Git journey!

$ git clone https://github.com/cwlsn/rinse-react cool-name
$ cd cool-name
$ rm -rf .git
$ git init

Development and Storybook

You can easily develop and interact with your components by using Storybook. To run the local server, simply run:

$ npm i
$ npm run storybook

Navigate to http://localhost:9001 to view your stories. They should automatically update as you develop.

Storybook will pick up any story from the stories.js file in a component folder.

Rinse is currently using the latest technology available, so you may need to update your Node versions to latest to accomodate Babel 7 and Webpack 4.