DEV Community

Cover image for ES2020 Features in simple examples

ES2020 Features in simple examples

Carlos Caballero on January 03, 2020

In this series, we are going to show the EcmaScript features from 2015 to today. ES2015 aka ES6 ES2016 aka ES7 ES2017 aka ES8 ES2018 aka ES9 ES20...
Collapse
 
pavelloz profile image
Paweł Kowalski

Although many of these features may not be essential for the development of your Web application, they are giving possibilities that could be achieved before with tricks or a lot of verbosity.

Yea, constant legacy worrying and xbrowser issues push me further and further away from the frontend. Nodejs is far more comfortable and user friendly environment than whatever google next patch will bring, safari wont support or client with ie11 will complain ;)

Collapse
 
balaji1202 profile image
Balaji Saravanan

Why don't you try a transpiler?

Collapse
 
pavelloz profile image
Paweł Kowalski

I use transpiler. That doesnt save you from different implementations of features in different browsers.

Collapse
 
calvinmills profile image
Calvin Mills

Thanks for taking the time to put this together, great high level summary of some exciting upcoming features!

Collapse
 
carlillo profile image
Carlos Caballero

Thanks Calvin!

I hope to complete the series although ES6 has already been written enough. However, the ideal is to have a place where the news that the standard brings us annually is summarized and updated.

Collapse
 
freekvanrijt profile image
Freek van Rijt

Thanks for the write-up! Any word about browser adoption of these features?

Either way, they should be in core-js / babel soon, which will help a lot (especially a fan of using optional chaining 🥳)

Collapse
 
deciduously profile image
Ben Lovy

I keep this compatibility table bookmarked.

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt

Finally, ??. I hope with works fine just like ?. in TypeScript.

Can I use this in esnext?

Collapse
 
douglasdgmarques profile image
Douglas Marques

Nice article, thank you for the explanations.

Collapse
 
abhishekdeshmukh74 profile image
Abhishek Deshmukh

I have written an in-depth blog post on the same topic
abhishekdeshmukh.com/blog/javascri...
Feel free to check it out

Collapse
 
markkupainomaa profile image
markkupainomaa

In Nullish section falsy examples:

const value = values.numberValue || 300; //300

I think you wrote values.numberValue instead of values.zeroValue? Because it's supposed to return 400.