create-react-workspaces

Create React Workspaces

Create a React application within a mono repository using workspaces with mininal effort.

The workspace allows you to compose your application(s) from independently versionable packages (components, utils, apis, etc). It also includes some great development tools pre-configured such as elint, jest with react testing library, storybook and cypress.

The structure looks something like:

|- apps/
|   |- myapp/ -> main react app
|- devtools/
|   |- storybook/
|   |- cypress/
|- packages/
|   |- apis/
|   |- components/
|   |- utils/

Installation

npx create-react-workspaces @mydomain myapp

Default template will be yarn-react-typescript, if you would prefer not to use typescript use the command:

npx create-react-workspaces @mydomain myapp --template=yarn-react

Then within your newly created directory, you can start the app with yarn start and storybook with yarn storybook.