https://github.com/cwlsn/rinse-react

🚿 Rinse, React, repeat. A boilerplate to build a React component library.
https://github.com/cwlsn/rinse-react

boilerplate component-library react reusable starter-kit

Last synced: 7 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/cwlsn/rinse-react
• Owner: cwlsn
• License: mit
• Created: 2018-09-02T17:31:24.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T15:21:41.000Z (about 2 years ago)
• Last Synced: 2025-01-21T14:11:18.623Z (15 days ago)
• Topics: boilerplate, component-library, react, reusable, starter-kit
• Language: JavaScript
• Homepage: https://rinsejs.io/
• Size: 5.24 MB
• Stars: 158
• Watchers: 5
• Forks: 43
• Open Issues: 29
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


	



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

#### To learn how this project was made from scratch, [read the blog post](https://medium.com/@cwlsn/how-to-write-your-own-reusable-react-component-library-a57dc7c9a210)!

## Get Started

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

```bash

$ 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:

```bash

$ npm i

$ npm run storybook

```

Navigate to [http://localhost:9001](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.