Coding Shorts: What Surprised Me About ECMAScript Modules

The Pluralsight Course:
shawnl.ink/jsmod
While creating my Pluralsight course (Modules in JavaScript), I learned some new things about ECMAScript Modules. Take a look at some things that surprised me:
00:00 - Introduction
00:21 - Without Modules
02:48 - Using CommonJS
03:19 - Renaming to .mjs
03:40 - Enabling ESM for Node.js Project
06:10 - Integrating with CommonJS NPM Packages
08:06 - ESM import() function
10:09 - Wrapping Up
Source code: github.com/shawnwildermuth/co...
If you like this video, you might like other videos in my Instructional Videos:
- • Instructional Videos
You can hire me too! You can reach me at my new website:
- shawn.wildermuth.com

[@soneryldrm3075]

Great video, thx.

[@BrianHallmanac]

Good stuff Shawn. I was just looking at starting an upgrade process of some of our javascript to use ECMAScript modules in a web project. Perfect timing! I've been following your content for years. I'm glad I found you on KZbin! I'll have to restart my Pluralsight subscription to go watch your course now. 🙂

[@swildermuth]

Awesome. Glad to reconnect!

[@DannyHille]

Hi Shawn, no need to 'use strict' in modules, all modules are treated as strict by default

[@swildermuth]

Exactly right, just forgot to remove it when I made it a module.

[@collinsk8754]

Really interesting! Thanks. Would you need a try-catch block for the asynchronous imports?

[@swildermuth]

Depends, likely if that fails you can't recover but if you want to catch it and re-try that's possible.

[@FlippieCoetser]

ES6 modules works a bit different in browser than node at 6:00 onwards. See importmaps to use NPM modules in browser using bare imports.

[@FlippieCoetser]

BTW, Love the coding shorts!

[@swildermuth]

I'll take a look.