loteoo / react-parcel-starter

Modern starter to quickly build PWAs with a strong focus on developper experience.

React parcel starter

Modern starter to quickly build PWAs with a strong focus on developper experience.

🚀 Quick start:

Click here to use this template, or run these commands:

# Clone project
git clone https://github.com/loteoo/react-parcel-starter.git

cd react-parcel-starter

npm i           # Install dependencies
npm start       # Dev server + live reload

npm run build   # Build app

Or use a .zip download

With this, you get:

• All of Parcel's power by your side (blazing fast compile, bundling, dev server, hot module reloading...)
• CSS Modules with auto-completion of CSS classe names
• Smart CSS defaults on top of sanitize.css
• No need to import React when creating new components
• Absolute imports (say goodbye to the ../../ hell)
• Standard JavaScript style guide with a11y and prettier linting
• Type hinting and intellisense without typescript yourself, thanks to the jsconfig.json file.
• Import SVGs inline as React components thanks to svgr
• Sample PWA manifest

VSCode pro tips

CSS Modules

For CSS Modules autocompletion, auto-import and type-safety: (Highly recommended)
Go in any JS file, open the command palette, type > Select TypeScript Version, pick Use Workspace Version

---

To use this project as template, click here!