react-monorepo-starter-ts

quickstart monorepo example for js/ts/react projects

overview

tech-stack
- typescript v5
- npm workspaces
- rspack
  - rspack config shared at top level with webpack-merge
  - hot reloading ready
- jest for testing
- styling: support scss/css
- other devtools: eslint, prettier
project-structure
- packages
  - foo: utils
  - bar: depends on foo
- apps
  - app-nodejs: simple nodejs utils
  - app-react-rspack: simple react app

quickstart

requirements
- npm v7+

# build all packages
npm run build

# start demo app
cd apps/app-react-rspack
npm i
npm start

open a browser and go to http://localhost:8999

usage

APP_ENV environment variable
- if no value is set, building es6 and ts is supported, but not react
- if react* is set, building react is supported
- if reacthot is set, react hot reloading is supported

notes/limitations

npm
- npm run build has to run twice because npm workspaces doesn't support pkg compiled by dependent order

roadmap

rspack
- esm-output is only supported in canary channel
- HMR is not implemented for module chunk format yet

license