styled-components-ui-lib-demo

UI Library Setup

View this project's storybook

A boilerplate project to get up and running building a UI library using:

• React
• styled-components
• storybook

UI Lib Development

1. Clone repo: git clone [e-mail]:jonathanhudak/react-storybook-styled-components-gh-pages.git
2. npm install

Local Development

1. npm start will open up http://localhost:9001/
2. build components

Deployment

1. Add your own git repo remote origin
2. Run npm run deploy

Build

1. Run npm run build

Publish to NPM

1. Login to npm npm login
2. Run npm run publish

Reference Links

• react
• storybook
• storybook-deployer
• styled-components
• np

Todo

• [x] Add eslint
• [x] Add prettier
• [x] Add precommit hook
• [x] Add test task
• [x] Add test task to precommit hook
• [x] Add module bundling for whole library and individual components
• [x] Add eslint-plugin-jsx-a11y
• ?