hernanosaurus-1234 / monorepo

Sample create-react-app monorepo with craco.

monorepo

About

This sample monorepo demonstrates the capability of using Lerna and Yarn Workspaces to set up a Create React App monorepo with CRACO. This project is configured to use TypeScript, ESLint, and Prettier.

The packages @namespace/app-one and @namespace/app-two are CRA apps, while @namespace/core is a collection of components that can be consumed by either app.

Setup

Prerequisites

Lerna and Yarn are required.

npm i -g lerna yarn

Clone repo

git clone [email protected]:brammitch/monorepo.git

Installation

cd monorepo

yarn install

VSCode Import Suggestions

To get import suggestions from the @namespace/core package, it will need to be built.

yarn build:core

Running

To start one of the apps, use the scripts in the root package.json.

yarn start:one or yarn start:two

This will ensure that @namespace/core is compiled in watch mode, so any changes to @namespace/core or the app will trigger recompile/reload.

References

• A guide through The Wild Wild West of setting up a mono repo with TypeScript, Lerna and Yarn Workspaces
• React Workspaces Playground
• Simple monorepo setup with create-react-app and shared component library
• TypeScript ESLint
• Using Create-React-App In A Monorepo -- Behind Medium Paywall