# generator-node-react

[![NPM](https://nodei.co/npm/generator-node-react.png)](https://nodei.co/npm/generator-node-react/)

A Basic ReactJs & NodeJs boilerplate for Beginners
A boiler Plate to save you from the pain of setting up things for a ReactJs - NodeJs App with **Modular CSS** Support. Get the Boilerplate from GitHub from [here](https://github.com/SarathSantoshDamaraju/react-node-boilerplate)

###Follow the Steps to generate the Folders
1. You must have **yeoman** installed `npm install -g yo`.
2. Type `npm i generator-node-react`
3. Now go to the desired folder and type `yo node-react`

> Awesome, Now run the below commands to Start the server


### Folder Structure 

![screen shot 2017-09-17 at 10 33 43 pm](https://user-images.githubusercontent.com/10527102/30523080-636521e8-9bf8-11e7-87bf-9e383a472994.png)




### To Install

* `npm i` - install dependencies

### To Run Developer Environment

* `npm run start-dev` - This will do Transpiling, Building and running the server. It will watch for the changes and repeat the process.

### In Production

* `npm run start` -  This will do Transpiling, Building and running the server. Well you dont have to worry about this. Most of the servers will take care of this.


### NPM Packages Used

* `axios` - Promise based HTTP client for the browser and node.js
* `express` - Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
* `react` - React is a JavaScript library for building user interfaces.
* `react-dom` - React package for working with the DOM.
* `babel-*` - Babel is a JavaScript compiler. And its related packages
* `nodemon` - To watch and restart file changes om server side
* `webpack` - Helps bundling your code

Please raise any issue in the GitHub Repo