rhengeveld / react-starter

React starter project based on tutorial from http://andrewhfarmer.com/react-from-scratch/

React-Starter

This is my React starter project. Started from scratch, to learn the structure and all components involved.
Based on the ["How to start a React project from scratch"] (http://andrewhfarmer.com/react-from-scratch/)

Commands

1. Git

// initialize Git repo
git init

2. NPM

// create package.json
npm init -y

// create .gitignore and add node_modules to ignore list
node_modules

// install (afterwards) all dependencies via npm
npm install

3. Babel

// install Babel
npm install --save babel-core
npm install --save babel-preset-es2015
npm install --save babel-preset-react

// add .babelrc with the following
{
  "presets": ["es2015", "react"]
}

4. Webpack

// install Webpack
npm install --save webpack babel-loader

// add compile script to package.json (@ scripts)
"compile": "webpack"

// add www/bundle.js to .gitignore
www/bundle.js

// compile using this command
npm run compile

See the [tutorial step] (http://andrewhfarmer.com/build-your-own-starter/#4-webpack) for details.

5. Express

// install Express to run localhost server
npm install --save express webpack-dev-middleware

// add server.js to config Express
// add www/index.html
// add start script to package.json (@ scripts)
"start": "node server.js"

See the [tutorial step] (http://andrewhfarmer.com/build-your-own-starter/#6-express) for details.