MERN Stack Training

JSX

The Virtual (Mock) DOM

Only Sub-components that Actually Change are Re-Rendered

React Libraries

 ES6

What is ES6?

ES6 Features

Using ES6

Transpiling

Major Syntax Changes

let and const

Variable Scope

Shadowing Variables

Arrow Functions

Arrow Functions As Parameters

Using ‘this’ Within Arrow Functions

Template Literals

Spread Operator

ES6 Classes

Declaring Classes

Declaring Instance Methods

Accessor Methods

Static Methods

Inheritance With Classes

Babel Command-Line Interface

Babel Transpiler

Usage Options

Presets and Plug-ins

Babel CLI Installation

Babel Configuration

Running Babel Command-Line

A Basic ES6 Development Setup with Babel

Test the Babel Development Setup

Adding React to the Development Setup

Create a Minimal React App – Index.html

Create a Minimal React App – app.js