We will cover .

Introduction – project Links for Project Files!
JS frameworks like React Angular 2.0 
Completed Projects - Github Links        
Environment Setup
A Taste of JSX
A Taste of Node & NPM
A Taste of ES6
Startup with  Webpack loader & Redux with Flux
A Taste of Transpilers

prerequisites

You need text editor vscode  

Node Installed on System

React

Application setup for development

React JSX

JSX is a XML-like syntax extension to ECMAScript without any defined semantics. It's NOT intended to be implemented by engines or browsers

package manager

npm is the package manager for JavaScript. Find, share, and reuse packages of code from hundreds of thousands of developers — and assemble them in powerful new ways.

Node & NPM

ES6(ECMAScript 2015)

Flux & Redux

Flux is the application architecture that Facebook uses for building client-side web applications. It complements React's composable view components by utilizing a unidirectional data flow.

Loaders & transpilers

ES6 Module Loaders to load dependancies and Transpilers to convert ES6 to ES5

Lets start with ES5 + React

fun with react js Components 

Thanks!

Follow me @tksssharma

tkssharma.github.io