josh-deprogram / extended-cra

Extended Create-React-App with Typescript, Styled-components, Storybook and other useful bits.

Extended Create-React-App

This project is bootstrapped using Create-react-app, see the original README.md file on the docs folder.

This boilerplate uses Typescript, Jest, Storybook, eslint, React, Helmet,Styled-components and React-Snapshot on its core.

React-snapshot will create a "almost static" build, rendering all pages statically on the build folder.

Available Scripts

On the project folder in addition to the usual start, build, test and eject scripts you have available

npm run storybook

Starts Storybook. This boilerplate automatically renders all components that have a .stories.tsx file.

npm run build-storybook

Builds Storybook

npm run lint:fix

Eslint fix the your source files.

npm run cp

Run this command with the path of the component you want to create, e.g.

npm run cp ./src/components/Header

This command creates the usual React component folder containing:

- src/components/Component
  - Component.stories.tsx
  - Component.test.tsx
  - Component.tsx
  - index.tsx