(react-parcel-express-typescript)
Boilerplate for a universal react app using babel, express, parcel, and typescript. Server-side and client-side code is written with ES6 imports and compiled via babel. During development HMR is active for client and server-side code changes (via nodemon).
This is mainly for myself to try and learn more about building my own webstack for react / express and typescript instead of just using create-react-app.
| Command | Description |
|---|---|
| audit:html | Run Yarn HTML Audit |
| build:server | Parcel will build the server code once for production |
| build | Runs build:client and build:sever |
| clean | Removes all files from dist/ |
| dev:parcel | Start Parcel's internal server with HMR (client-side only) |
| dev:server | Start server using nodemon to watch for changes |
| dev | Watch and start express for development with HMR (client & server) |
| lint:js | Lint JS/TS with ESLint and fix errors production |
| lint:js:dry | Lint JS/TS with ESLint as a dry-run without fixing errors |
| lint:prettier | Lint JS/TS with Prettier |
| lint:ts | Lint TS files |
| prod | Build and start express for production |
| prod:server | Start server using node for production |
| release | Increases version and updates change log and creates a tag |
| test | Run tests using jest |
| watch:client | Parcel will watch the client code for development |
| watch:server | Parcel will watch the server code for development |
| watch | Runs watch:client and watch:sever |
This boilerplate uses:
- Babel 7
- Commitlint
- Convict
- ESLint
- Express
- Husky
- Jest
- Lint Staged
- Parcel JS
- Prettier
- React
- React Helmet
- React Router
- React Testing Library (instead of Enzyme)
- Redux
- Serverside Rendering (SSR)
- Standard Release
- Styled Components
- StyleLint
- Typescript
In no particular order
- Remove the sleep requirement
- Investigate why sometimes the bundle name is not found.
- PRs accepted - please don't use no verify to push your commits, if you break a test - fix it before commiting/pushing!
- Add tests if applicable
- Increase the version in your feature branch with "yarn release". This will create a version tag and update the change log. Don't forget to push the tag!
- Fill out PR template and use the checkboxes provided!
v1.0.0