generator-node-react

NPM

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

###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

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