Skip to content

Illustrated.dev

Toggle Nav
ExplainersSketchesAbout

A Fresh Serving of JavaScript ES2019

es2019 sketchnotes Title

es2019 sketchnotes Intro

A new version of JavaScript has landed!

Every year JavaScript gets a handful of new features and functions for everyone to play with.

The TC39 committee have now released the 2019 additions to ECMAScript, which is the generally accepted version of JavaScript we all know and love tolerate.

You can take a look at the TC39 Github to track the progress of proposed features, including all the ones they've accepted into the official language.


Mike Sherov just put together a new egghead course on Javascript ES2019 in Practice which is a good summary of all the new shiny bits, as well as how they apply in IRL dev situations.

Javascript ES2019 Course

I drew up my own notes on the 7 big changes:

  • Optional Catch Binding
  • Stable array.sort()
  • Flatten Arrays with flat()
  • Flatten & Map Arrays with flatMap()
  • Cut out Whitespace with trimStart() & trimEnd()
  • Descriptions on Symbols
  • Create Objects from Entries with fromEntries()

es2019 sketchnotes 1 Optional


es2019 sketchnotes 2 Stable


es2019 sketchnotes 3 Flatten


es2019 sketchnotes 4 FlatMap


es2019 sketchnotes 5 Trim


es2019 sketchnotes 6 Symbol


es2019 sketchnotes 7 ObjectEntries

Note that the space theme going on here has less to do with ES2019 and more to do with me watching Apollo 11 last week.
(Five stars, would recommend).


The Full Sketchnote


es2019 sketchnotes  mini

Want to learn more?

A high-res & printable version of the sketchnote, plus the full course is avaliable here on the Javascript ES2019 in Practice page.