https://github.com/loteoo/react-parcel-starter
Modern starter to quickly build PWAs with a strong focus on developper experience.
https://github.com/loteoo/react-parcel-starter
Last synced: 28 days ago
JSON representation
Modern starter to quickly build PWAs with a strong focus on developper experience.
- Host: GitHub
- URL: https://github.com/loteoo/react-parcel-starter
- Owner: loteoo
- License: mit
- Created: 2020-02-23T19:04:22.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-10T19:17:30.000Z (over 2 years ago)
- Last Synced: 2023-03-02T21:55:48.697Z (over 2 years ago)
- Language: JavaScript
- Homepage: https://react-parcel-starter.netlify.com/
- Size: 1.61 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
React parcel starter
Modern starter to quickly build PWAs with a strong focus on developper experience.
## 🚀 Quick start:
[Click here to use this template](https://github.com/loteoo/react-parcel-starter/generate), 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](https://github.com/loteoo/react-parcel-starter/archive/master.zip)
## With this, you get:
- All of [Parcel](https://parceljs.org/)'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](https://csstools.github.io/sanitize.css/)
- No need to `import React` when creating new components
- Absolute imports (say goodbye to the `../../` hell)
- [Standard](https://standardjs.com/) 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](https://github.com/loteoo/react-parcel-starter/generate)!