├── .babelrc ├── .gitignore ├── README.MD ├── banner.png ├── package-lock.json ├── package.json └── src ├── App.js ├── index.css ├── index.html └── index.js /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | "@babel/preset-env", 4 | "@babel/preset-react" 5 | ], 6 | "plugins": ["@babel/plugin-proposal-class-properties"] 7 | } -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | dist/ 3 | .cache/ 4 | build/ -------------------------------------------------------------------------------- /README.MD: -------------------------------------------------------------------------------- 1 | # ZERO CONFIG REACT STARTER :fire: 2 | :sunglasses: Zero configuaration React Starter 🔥 3 | 4 | 5 | ![Zero configuaration React Starter](banner.png) 6 | 7 | 8 | ## Installation 9 | Clone repo 10 | 11 | ```bash 12 | npm install 13 | ``` 14 | 15 | ## Run 16 | ```bash 17 | 18 | npm run dev 19 | 20 | ``` 21 | 22 | ## Build 23 | 24 | ```bash 25 | npm run build 26 | ``` 27 | 28 | 29 | 30 | Build with all :heart: in the world by Sarath :zap: 31 | -------------------------------------------------------------------------------- /banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/srttk/zero-react-starter/2cd1d33f5c36c6ed7730d33c2fb1116f38148c56/banner.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "parcel-react-starter", 3 | "version": "2.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "start": "parcel ./src/index.html", 9 | "dev": "parcel ./src/index.html --open", 10 | "build": "parcel build ./src/index.html --public-url ./", 11 | "clean": "rm -r ./dist" 12 | }, 13 | "keywords": [], 14 | "author": "", 15 | "license": "ISC", 16 | "devDependencies": { 17 | "@babel/core": "^7.4.4", 18 | "@babel/plugin-proposal-class-properties": "^7.4.4", 19 | "@babel/preset-env": "^7.4.4", 20 | "@babel/preset-react": "^7.0.0", 21 | "parcel-bundler":"latest" 22 | }, 23 | "dependencies": { 24 | "react": "latest", 25 | "react-dom": "latest" 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from "react"; 2 | 3 | class App extends Component { 4 | render() { 5 | return
App ready
; 6 | } 7 | } 8 | 9 | export default App; 10 | -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | *,*::after,::before{ 2 | padding: 0; 3 | margin: 0; 4 | box-sizing: border-box; 5 | } 6 | html { 7 | font-size: 10px; 8 | word-spacing: 1px; 9 | letter-spacing: 1px; 10 | font-family: 'Montserrat', sans-serif; 11 | 12 | } 13 | body { 14 | background-color: #fff; 15 | font-size: 16px; 16 | 17 | } 18 | 19 | .app { 20 | text-align: center; 21 | } 22 | 23 | -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Zero Config React Starter 8 | 9 | 10 | 11 |
12 | Loading... 13 |
14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from "react"; 2 | import { render } from "react-dom"; 3 | 4 | import "./index.css"; 5 | import App from "./App"; 6 | 7 | render(, document.getElementById("app")); 8 | --------------------------------------------------------------------------------