CRA & Storybook Boilerplate

Development

1. Clone or download this repository.

   git clone https://github.com/pacosegovia/cra-storybook.git
   

2. Install dependencies.

   yarn
   

3. Run the app in the development mode.
   It will open a browser tab with the dev url http://localhost:3000/.

   yarn start
   

4. Run the Storybook.
   It will open a browser tab with the dev url http://localhost:6006/.

   yarn storybook
   

5. Test the App.

   yarn test
   

6. Build the App for production to the build folder.
   It correctly bundles React in production mode and optimizes the build for the best performance.

   yarn build
   

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

To do

• Add Radix Design System
• Create Design Tokens from Figma file
• Deployment of the Storybook
• Create a complex component
• Create a component with React Hooks