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.

Here's my video on generators: https://www.youtube.com/watch?v=QO07THdLWQo

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.

code source

  • JS ES6 = Flexible Java. Hmm, when will they add data types.
    So far, I like the flexible argument arrangement the most. I mean can do that in any language but JS made it really simple and easy.

    View Comment
  • Clearly your first take. This video series was really scatterbrained. You should really consider pulling the backspace key off your keyboard. You delete everything on your editor before you even finish talking about what you wrote. And if you knew Atom would give you es6 syntax highlighting, why did you keep using Sublime and not re-record?

    View Comment
  • Dan

    best es6 demo on the web. congratz

    View Comment
  • it seems like same as lambda expressions and Asynchronous Programming from c# 5.0

    View Comment
  • So basically ES6 copied most of the features from CoffeeScript?

    View Comment
  • great serrie great tutorial thnx my friend :)

    View Comment
  • You are awesome.. seriously.. I will prey may god give you everything to keep posting such nice videos (In the same humourous talking sense 😀 ) ! 😛 hahaha

    View Comment
  • I guess this destruct is pretty the same like extract in PHP, isn't it?

    View Comment
  • This is awesome!!!!!!! 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?

    View Comment
  • Do you use Atom or Sublime Text 3?

    View Comment
  • lol does for (20) actually work in ec6?

    View Comment
  • Are arrow functions like a better way to create callback functions?

    View Comment
  • Really nice tutorial. Easily accessible and well explained.

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

    View Comment
  • Hi, thanks for nice video. just a not that generators and async/await are different concepts. You should not say that that async is generator, even they both use same concept of non blocking pause. But when generators are designed for iterative work, async is naturally based on Promises and designed for doing asynchronous tasks. https://blog.risingstack.com/asynchronous-javascript/

    View Comment
  • Why did they div up the class method and class properties between two releases?

    View Comment
  • Thanks for this video! That's very helpful!

    View Comment
  • siblimetext is WINNING!

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

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

    View Comment