Using ES6 data destructuring syntax is the opposite of traditional object literal syntax.

I wanted to mention this since it wasn't stated explicitly in the video on data destructuring in ES6.

In a normal variable assignment you take a value on the right of the equals sign and assign to a variable (named by you) on the left like this:

const myVariable = 'Some string value';

But in ES6 data destructuring the assignment to a named variable is backwards. This wasn't explcitly mentioned in the video and confused me the first time I ran into it so I wanted to add on to the video.

There's an excellent book on ES6 here: https://leanpub.com/understandinges6/read Chapter 6 is about destructuring. Of import here:

let node = {
        type: "Identifier",
        name: "foo"
    };
let { type: localType, name: localName } = node;
console.log(localType);     // "Identifier"
console.log(localName);     // "foo"

This code uses destructuring assignment to declare the localType and localName variables, which contain the values from the node.type and node.name properties, respectively. The syntax type: localType says to read the property named type and store its value in the localType variable. This syntax is effectively the opposite of traditional object literal syntax, where the name is on the left of the colon and the value is on the right. In this case, the name is on the right of the colon and the location of the value to read is on the left.

My 2c