https://github.com/nath-green/parcel-react-boilerplate
Basic setup for a front end React app using parcel-bundler
https://github.com/nath-green/parcel-react-boilerplate
boilerplate boilerplate-react parcel react
Last synced: about 2 months ago
JSON representation
Basic setup for a front end React app using parcel-bundler
- Host: GitHub
- URL: https://github.com/nath-green/parcel-react-boilerplate
- Owner: nath-green
- Created: 2019-02-13T09:48:34.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-02-19T08:13:12.000Z (about 6 years ago)
- Last Synced: 2025-01-31T23:31:37.965Z (4 months ago)
- Topics: boilerplate, boilerplate-react, parcel, react
- Language: CSS
- Size: 552 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Parcel React Boilerplate
A simple boilerplate to quickly start a front-end React application using Parcel to bundle, watch and compile.
Linting, commands and compilation work out of the box with minimal configuration needed. Basic linting rules and Babel configuration allows for the latest React coding best practices.
Uses:
- ESLint
- Stylelint
- Prettier
- Husky / Lint-staged
- Babel
- Autoprefixer
- Jeet
- Include Media
This boilerplate includes helper classes, variables and mixins for grid, colors, spacing, media queries and typography.
## Usage
🔽 **Clone repo**
```
git clone https://github.com/nath-green/parcel-react-boilerplate.git
```
🏄 **Install dependencies**
```
yarn install
```
🚀 **Start local server**
```js
yarn start
// Server running at http://localhost:1234
```
## Commands
| Command | Description |
| ------------ | -------------------------------------------------------- |
| `yarn start` | Start the local dev server with hot module reload |
| `yarn prod` | Removes `./dist` folder and builds production ready code |
| `yarn lint` | Lint both sass and js files |
| `yarn clean` | Remove `./dist` folder |
| `git commit ...` | Runs relevant linters on pre-commit hook |
## Structure
- HTML entry: `./src/index.html`
- JS entry: `./src/index.js`
- SCSS entry: `./src/styles/main.scss`