React-Setup-kit

Creating a starter kit for react to get the react setup up and running in no time.

Setup 1 : Creating a webpack project based using yarn.

• Install node on your machine
• Install yarn (yarn is used in place of npm)
• git clone this repo
• cd into project root
• In the project root, run yarn install to install dependencies
• To start app yarn start

Setup 2 : Creating a webpack project based on nodejs.

This starter kit gives you the following:

• React, React Router, and Flux for ultra-responsive UI development
• Browserify bundling
• jQuery with Bootstrap for styling
• Gulp build that:
• compiles JSX
• lints JSX and JS via ESLint
• bundles JS and CSS files
• migrates the built app to the dist folder
• runs a dev webserver
• opens your browser at the dev URL
• reloads the browser upon save

To get started:

1. Install NodeJS
2. Download this repo
3. Open the command line of your choice and cd to the root directory of this repo on your machine
4. npm install - Installs packages
5. npm install -g gulp - Installs gulp globally. Why globally?
6. gulp - Builds the project and opens your browser. Check here if you have issues.
7. Navigate to http://localhost:9005/ if your browser doesn't open automatically.

Setup 3 : Use the existing npm package.

• use the existing npm package from facebook npm i create-react-app -g
• use create-react-app <app-name> to create new project with app-name