• Sunday , 24 September 2017

Javascript ES6 Cheatsheet – the best of JS ES6

Code Canyon



After a year of coding ES6 full-time, my favorite uses, the best parts, and what you need to know about them.

Javascript ES6 comes with a TON of extremely useful new features – all of which you can use TODAY on bot 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.

Original source

3d Ocean

Related Posts

46 Comments

  1. Jonas Felix
    August 23, 2017 at 07:36

    Great video. I would mention that it's called ES2015… πŸ™‚ there is no ES6 it's all a conspiracy ;-D

  2. harshal agrawal
    August 23, 2017 at 07:36

    you have used both angular and react. I have been failing to build a website for over an year because, I was implementing everything myself, like authentication functionalities, calls to server, full back-end and I was able to handle everything quite well. But when the time came when same view/template/html code needed to be added at different places in html and html files. I couldn't handle updating the code everywhere each time I have to make an update to a view. Also, I wasn't able to think how to insert single view at multiple places, like a framework. So, now I want to switch an established framework. What would you suggest to me react or angular or something else entirely? Thanks

  3. Thomas Faller
    August 23, 2017 at 07:36

    "Who uses 'alert()' anymore?" 😏

  4. vita6311
    August 23, 2017 at 07:36

    what if you try to make sense of someone else s code, i dont think this will add to readability

  5. Akhila Hegde
    August 23, 2017 at 07:36

    I appreciate all the efforts you put to share the knowledge of programming. But I would like to say my opinion to the tutors that – in introduction of any course please give an idea about what would have happened if there were no such subject, tool or programming languages you are teaching about. This helps all the learners to catch the concepts easily, especially for beginners. If you go on talking about installation or so many stuffs which we have not heard of, the topic will seem complex. So being a developer you know all the application, so share the cons of before the concept existed and what impacts this concept made in the programming world. This is just a request. Thank you.

  6. Wilberto Casillas
    August 23, 2017 at 07:36

    Does destructuring play well with template strings?

  7. tambsaps
    August 23, 2017 at 07:36

    frankly javascript is getting more like java.

  8. Hedgehog Fox
    August 23, 2017 at 07:36

    ES6 – The quickest way to get murdered by your co-workers.

  9. Pierre Hagelberg
    August 23, 2017 at 07:36

    the 'eu' part of traceur would be pronounced with the same vowel as in "turn" (ΓΆ) so.. tras-ΓΆr with a french r ofc.

  10. Bijay Timilsina
    August 23, 2017 at 07:36

    Thousands of videos and channels on ytube….but when I need to get a clear idea on some concept, I am always here πŸ™‚ Thanks being such awesome teacher will

  11. Zack
    August 23, 2017 at 07:36

    Did this guy just call a variable "vare"? LOL

  12. djAmiracle
    August 23, 2017 at 07:36

    Thank you for sharing your knowledge freely and openly. May you be continued to be blessed with this great ability to adopt and share the latest technologies.

  13. Steven Staley
    August 23, 2017 at 07:36

    I love the video, but I don't think you change change the order of the variables when you're destructuring parameters unless they have all different types.

  14. VVVIO
    August 23, 2017 at 07:36

    would be nicer to run the code

  15. iwq666
    August 23, 2017 at 07:36

    First – thank you for sharing your knowledge, people like you are the cornerstones of community.
    Template literals and and default parameters are really great. Some of the ES6 features on the other hand decrease code readability , create confusion and should never be used.

  16. Sandy
    August 23, 2017 at 07:36

    Should I am learning javascript right now…should learn ES6 and not bother about JS ?

  17. raji boy
    August 23, 2017 at 07:36

    very fast. i am a beginner and cant understand some things

  18. Paul Brown
    August 23, 2017 at 07:36

    Loving the ES6 graphic at the start πŸ™‚

  19. Timothy Arterbury
    August 23, 2017 at 07:36

    Swag

  20. Eric Strickland
    August 23, 2017 at 07:36

    i hate to say it but "What the hell are you talking about"?? i have no idea what your talking about please enlighten me please!!!

  21. mario1ua
    August 23, 2017 at 07:36

    Thanks, very interesting πŸ™‚

  22. Sandy
    August 23, 2017 at 07:36

    Should we use "Let" now instead of "var" ? and Const ?

  23. Tomasz Waszkiewicz
    August 23, 2017 at 07:36

    Great and funny explanation. Hope You will do more of that πŸ˜‰

  24. Satya Vanu
    August 23, 2017 at 07:36

    nice explanation , guess u also must Let more πŸ™‚ as it targets to ES6

  25. serhii ocean
    August 23, 2017 at 07:36

    What theme, fonts do you use?

  26. zseven
    August 23, 2017 at 07:36

    0:10 you find the hidden samsung ad?

  27. xMoTionzxx
    August 23, 2017 at 07:36

    how can i get this good?

  28. Abyss Dweller
    August 23, 2017 at 07:36

    what sublime plugins do you use?

  29. Piara Singh
    August 23, 2017 at 07:36

    Lol. Who uses Alert anymore πŸ˜€

  30. James Tung
    August 23, 2017 at 07:36

    How do u make the "ES6" text block in the first screen ?

  31. dean oh
    August 23, 2017 at 07:36

    What about the rest and spread operator?

  32. Lucas Pereira Caixeta
    August 23, 2017 at 07:36

    Man! your videos are amazing!!! Thanks a lot!!

  33. Josh Williams
    August 23, 2017 at 07:36

    First of all, thank you for these tutorials! Your videos taught me the foundations of react. Now I'm sharing these videos with my friends to get them on board and up to speed on what I'm working on. I've created timestamps for topics in this video for them to easily navigate to each one. It would be great to have these added to the video description!

    00:40s – Transpiling with Babel.js
    01:29s – Introduction to Destructuring
    02:43s – Destructuring Arrays
    03:40s – Destructuring in Promises: Promise.all()
    04:14s – Introduction to Destructuring Arguments
    05:04s – Destructuring Objects
    06:14s – Generate your own keys
    07:17s – Destructuring Arguments
    09:38s – Default Arguments
    10:18s – Template Strings

  34. John Salcedo
    August 23, 2017 at 07:36

    Will, please create a video on "How to be Will Stern Cheatsheet".

  35. Lisa Lukianova
    August 23, 2017 at 07:36

    when es6 will be fully supported by all browsers?

  36. ENGINEERED TRUTH
    August 23, 2017 at 07:36

    you are a god

  37. dan lamp
    August 23, 2017 at 07:36

    I dont understand the first part where you are doing var { bar } = foo; what does that actually retrieve? Is it just the same as doing var bar = foo.bar?

  38. Gena ANTG
    August 23, 2017 at 07:36

    better looks in developer console, Thanks!

  39. Juan N
    August 23, 2017 at 07:36

    Dude, dude… "In grammar, tense is a category that expresses time reference. Tenses are usually manifested by the use of specific forms of verbs, particularly in their conjugation patterns."
    What you're looking for is "persons". It's easy to remember: you say "first person", not "first tense", don't you?

    Please don't help perpetuate the myth (or is it?) that tech-savy people don't know how to use language properly.

  40. Alan K Fadliawan
    August 23, 2017 at 07:36

    The `function calcBmi({ weight: w, height: h, max = 25, callback })` part really freaked me out at first, LOL

    Thanks for the great vid!

  41. firewa7er
    August 23, 2017 at 07:36

    can you actually default and alias a single parameter?
    like height = 5 :h or something

  42. Jared Tilston
    August 23, 2017 at 07:36

    Great video. +1 for divvy, best program ever πŸ™‚

  43. Arvi
    August 23, 2017 at 07:36

    Thanks a lot Will! Great vid πŸ™‚

  44. Eric Noguchi
    August 23, 2017 at 07:36

    I wonder how features like var job={foo,bar} as a shorthand for {foo:foo,bar:bar} would work with script minifiers in the future

  45. Shrikant Raut
    August 23, 2017 at 07:36

    Ain't nobody bothered about the semicolons? xD no offense.

  46. dragonore2009
    August 23, 2017 at 07:36

    The ${name} is very Ruby like too.

Leave A Comment

You must be logged in to post a comment.