Javascript ES6 Cheatsheet #2 - the best of JS ES6

Part 2 of my review of ES6 after a year of coding ES6 full-time. In this video, I cover, my favorite new ES6 features, how to use them, as well as a few tips along the way.

From destructuring to generators, ES6 GREATLY enhances the day-to-day javascript web development experience. It comes with a TON of extremely useful new features - all of which you can use TODAY on both browser and server side code using transpilers like babel or traceur. I highly recommend babel es6 transpilation as it just works well, and I can still easily read the transpiled code.

In this tutorial, I'll show you how to use es6 for javascript web development.

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
-~-~~-~~~-~~-~-

[albertgao]

Although this series spend 10 minutes in explaining a single concept, but it explained very well and with practices! Awesome!

[erikecoologic]

I loved this very compact explanation. Note: 7:40 They're simple but they're _not easy_ (as opposed to complex, which is the exact opposite of simple)

[jamestwo]

Tried starting with react before getting the overview of ES6. Definitely makes way more sense with the ES6 info, thanks.

The pro tip on using 'const' as variable default and only 'let' if it changes is basic, but good for debugging.

[PinkyDoodlyUK]

Thank you for these! =D very helpful, even 3 years later, heehee

[DANJUMA]

wow just stumbled on your channel and loving the easy explanations and exanples. Thank you

[aberry]

Thanks for excellent ES6 tips...seems ES6 is the Future !!!

[malipetek]

Damn one liner arrow function made me smile.

[pfeilbr]

Really nice tutorial. Easily accessible and well explained.

[floopy]

I love the way you explain code. Do you have a FULL javascript course? (not just ES6 new features)

[ronneilcamara]

This is I learned a lot today even if it's 3am, LOL :) I'm also very interested in that thenable async you mentioned. Was wondering why your async function was anonymous. How can I .then it if it doesn't have a name?

[EthanArrowood]

Watching this make me think that javascript developers are just rebuilding Java/C with all these classes and static properties and such.

[shaunziqinrong]

Can you add a timestamp list for all these new features you talked about in these two videos and list them in the video description? It will be much easier for us to come back and recheck the things I need to see.

[Harmse]

Thanks for this awesome tutorial. So well presented and concise :)

[stephenkamenar]

10:21 won't actually give you [1, 2, 3], only because the ++ operator is weird like that

[BrianGreigRWD]

Arrow functions automatically bind this.
Arrow functions automatically bind this.
Keep repeating this. Commit it to memory. This is the reason why the fat arrow function matters.

[christianvuerings]

[0, 1, 2].map(val => val++)
results in [0, 1, 2]

However
[0, 1, 2].map(val => val+1);
results in [1, 2, 3]

[mohamednabilzouabi]

Great videos.
Little comment :
[0, 1, 3].map(val => val++) // [0, 1, 3] and not [1, 2, 4]
it must be : [0, 1, 3].map(val => ++val)

[alien]

You can use Object.freeze() if you want your object to be immutable.

[xXxAceSquadxXx]

Great videos man, very clear and understandable. Can you also do a series on JavaFx/UI control? Keep up the great videos.

[cehson]

Excelent explanation, very clear! Thank you sir :)