DEV Community

The new features of Javascript in 2020 (ES11)

Ary Barros on September 20, 2020

Javascript is a sensation, largely due to the explosion of web development today. Many are inserted in it and others, at one time or another, will ...

Read full post

pentacular • Sep 21 '20

I think it's worth noting that your dynamic import example relies on top-level await.

let Dmodule;
if ("react") {
  Dmodule = await import('react')
} else {
  Dmodule = await import('vue')
}

I think this is still a proposal isn't it?

Anyhow, probably worth-while not complicating your example with it. :)

Ary Barros • Sep 22 '20

Hy pentacular. Thanks for the reply and I agree with you. I've changed the example so it better fit the main explanation.

David Dal Busco • Sep 20 '20

I love the dynamic import feature, I use it to dynamically import CSS 😃

Thank you for your blog post, a nice read and summary 👍

Ary Barros • Sep 22 '20

Thanks for reading David :)

Lakshya Singh • Sep 21 '20

Didn't we already have a Promise.all() what's the difference

sirev • Sep 22 '20

Yes, we did. The difference is that Promise.all() didn't resolve the promises from array in then if it had at least one rejected.

Promise.all([Promise.resolve('resolved'), Promise.reject('rejected')]).then((r) => console.log(r)).catch(() => console.log('catch here!'));
Output
// catch here!

Promise.allSettled([Promise.resolve('resolved'), Promise.reject('rejected')]).then((r) => console.log(r)).catch(() => console.log('catch here!'));

Output
// [
// { status: "fulfilled", value: 'resolved' },
// { status: "rejected", reason: 'rejected' }
// ]

Lakshya Singh • Sep 22 '20

Ohh cool thanks for clarifying :))

Tony Brix • Sep 23 '20

The first example in Nullish Coalescing Operator the values should be switched around the ||s

You have 'value not falsey' || undefined which should actually be undefined || 'value not falsey', otherwise "value not falsey" will always show even for a truthy value.

('value not falsey' || true) === 'value not falsey'