React JS Kickstart using npm and Webpack

What is React JS?

React JS is an not another javascript framework but its just a library to create user interfaces. React JS is "V" in MVC pattern. React JS is used in building components and not the templates. React JS uses virtual DOM making it faster compared to other javascript libraries.

React along with JSX makes it easier and faster developement.

What is JSX?

JSX stands for Javascript XML. JSX is not an template language its an XML based syntax sugar for Javascript.

What is npm?

npm stands for Node Package Manager and it makes it easy for the javascript developer to share and reuse the code. 

npm is bundled with Node JS and you can download the same from here

What is Webpack?

Webpack is an bundler for modules (The main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.)

 npm install webpack --save-dev

What is browserify?

Browserify will recursively analyze all the require() calls in your app in order to build a bundle you can serve up to the browser in a single <script> tag