John Nguyen
Oh CommonJS! Why are you mESMing with me?
#1about 6 minutes
A real-world conflict between CommonJS and ESM packages
An NPM package upgrade causes Jest tests to fail with a syntax error because an ESM-only dependency conflicts with Jest's CommonJS environment.
#2about 3 minutes
Understanding the origins of CommonJS and ESM modules
JavaScript module systems like CommonJS and ESM were created to manage growing codebases by allowing code to be split, shared, and reused.
#3about 1 minute
Examining the current landscape of module adoption
Statistics show that while CommonJS packages are still dominant, there is a clear and growing trend towards ESM adoption in the ecosystem.
#4about 3 minutes
Comparing unbundled CommonJS and ESM performance
An initial benchmark using the AWS SDK shows that the unbundled CommonJS implementation runs faster than its ESM counterpart.
#5about 2 minutes
How bundling reveals ESM's performance advantage
After bundling with esbuild, the ESM version is nearly half the size and runs significantly faster due to superior tree-shaking capabilities.
#6about 6 minutes
Why you should embrace an ESM-only future
ESM is the future due to smaller bundles, better performance, and its status as a web standard, making it a signal to modernize legacy dependencies.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
02:44 MIN
The evolution from Webpack to bundler-agnostic federation
Native Federation: The Future of Micro Frontends and Plugin-Systems in Angular
03:52 MIN
How bundlers work and why they are necessary
Tree Shaking the Bytes Away
19:54 MIN
Sharing libraries and handling version conflicts
Micro Frontends with Module Federation: Why and How?
01:51 MIN
Reframing common complaints about JavaScript development
How to Stop Choosing JavaScript Frameworks and Start Living
00:05 MIN
Identifying the most common pain points in JavaScript testing
The 2025 State of JavaScript Testing
17:22 MIN
Leveraging native browser features for development
The Eternal Sunshine of the Zero Build Pipeline
04:45 MIN
Leveraging the TypeScript compiler and modern runtimes
End-to-End TypeScript: Completing the Modern Development Stack
01:54 MIN
Integrating micro frontends with module federation
Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios
Featured Partners
Related Videos
29:36Native Federation: The Future of Micro Frontends and Plugin-Systems in Angular
Manfred Steyer
28:33The 2025 State of JavaScript Testing
Daniel Afonso
50:10The Eternal Sunshine of the Zero Build Pipeline
M4dz
32:284 Steps from JavaScript to TypeScript
Phil Nash
31:13Lies we Tell Ourselves As Developers
Stefan Baumgartner
46:08JavaScript the Grumpy Parts
Rob Richardson
32:56Web development: where are we, and where are we going?
Laurie Voss
44:35Micro-Frontends with Module Federation: Beyond the Basics
Manfred Steyer
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
Senior Frontend Developer - Typescript / Svelte - (f/m/x)
doinstruct Software GmbH
Berlin, Germany
Senior
GIT
JavaScript
TypeScript
Frontend Web Developer (JavaScript, React)
Die Socialisten
Vienna, Austria
Senior
Jest
React
Redux
JavaScript
Staff Software Engineer (Node.js, Type Script)
Happening
Intermediate
NestJS
Node.js
TypeScript
Kubernetes
Apache Kafka
+3
Backend Engineer, Node.js/TypeScript | EMEA
Jobgether
Remote
€72K
Intermediate
Node.js
PostgreSQL
TypeScript
+1
Backend Engineer, Node.js/TypeScript | EMEA
Jobgether
Remote
Senior
Node.js
PostgreSQL
TypeScript
Microservices
Node.js/Playwright Engineer - Testdriver Development
TechBiz Global GmbH
Mons, Belgium
Remote
Docker
Node.js
Continuous Integration