Part IV

1. React Components
2. React Props
3. JSX transpilation
4. ES6 (ECMAScript version 6) Background: Wiki.

ECMAScript is another name for javascript.

5. ES5 Functions vs. ES6 Arrow Functions
6. Variables: ES5 <span style="color:red">var</span> vs. ES6 <span style="color:red">let</span> and <span style="color:red">const</span>.

• ES5 javascript syntax: (oldschool 2009-2015)

var square = function(x) { return x * x }

• ES6 2015 new features:
  • ES6 modules

import * as moduleName from "..."; export const Foo

- arrow function with ( ( ) => { }) syntax

const square = x => x * x;
const square = x => (x * x);

7. ES6 Destructuring

let { a, b } = object;