John Nguyen

Oh CommonJS! Why are you mESMing with me?

That `SyntaxError` in your tests isn't a bug. It's a signal to abandon legacy tools and embrace the smaller, faster bundles of pure ESM.

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.

Software Engineer

tree-IT GmbH

tree-IT GmbH
Bad Neustadt an der Saale, Germany

€54-80K
Intermediate
Senior
Java
TypeScript
+1

Matching moments

The evolution from Webpack to bundler-agnostic federation
04:41 MIN

The evolution from Webpack to bundler-agnostic federation

Native Federation: The Future of Micro Frontends and Plugin-Systems in Angular

How bundlers work and why they are necessary
04:17 MIN

How bundlers work and why they are necessary

Tree Shaking the Bytes Away

Sharing libraries and handling version conflicts
02:13 MIN

Sharing libraries and handling version conflicts

Micro Frontends with Module Federation: Why and How?

Reflecting on 30 years of JavaScript and the rise of TypeScript
05:02 MIN

Reflecting on 30 years of JavaScript and the rise of TypeScript

WeAreDevelopers LIVE – Guten TAG, Web Standards, AI and more

Identifying the most common pain points in JavaScript testing
02:56 MIN

Identifying the most common pain points in JavaScript testing

The 2025 State of JavaScript Testing

Leveraging native browser features for development
02:49 MIN

Leveraging native browser features for development

The Eternal Sunshine of the Zero Build Pipeline

Leveraging the TypeScript compiler and modern runtimes
03:37 MIN

Leveraging the TypeScript compiler and modern runtimes

End-to-End TypeScript: Completing the Modern Development Stack

Integrating micro frontends with module federation
02:57 MIN

Integrating micro frontends with module federation

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios

Featured Partners

Related Videos

See all videos
Native Federation: The Future of Micro Frontends and Plugin-Systems in Angular29:36

Native Federation: The Future of Micro Frontends and Plugin-Systems in Angular

Manfred Steyer

The 2025 State of JavaScript Testing28:33

The 2025 State of JavaScript Testing

Daniel Afonso

The Eternal Sunshine of the Zero Build Pipeline50:10

The Eternal Sunshine of the Zero Build Pipeline

M4dz

JavaScript the Grumpy Parts46:08

JavaScript the Grumpy Parts

Rob Richardson

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios24:47

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios

Manfred Steyer

Micro-Frontends with Module Federation: Beyond the Basics44:35

Micro-Frontends with Module Federation: Beyond the Basics

Manfred Steyer

Lies we Tell Ourselves As Developers31:13

Lies we Tell Ourselves As Developers

Stefan Baumgartner

4 Steps from JavaScript to TypeScript32:28

4 Steps from JavaScript to TypeScript

Phil Nash

Related Articles

View all articles
DC
Daniel Cranney
Exploring TypeScript: Benefits for Large-Scale JavaScript Projects
JavaScript is the backbone of web development, powering everything from small websites to large-scale enterprise applications. However, as projects grow in complexity, maintaining JavaScript code can become increasingly difficult. This is where TypeS...
Exploring TypeScript: Benefits for Large-Scale JavaScript Projects
CH
Chris Heilmann
Dev Digest 136 - No JS(on) of mine
News and ArticlesDouglas Crockford is our featured video, so let's talk about evolving JavaScript and all things JSON. Judicious JSON explains all the weird things in it, you can learn why it can be incredibly slow, people wonder what even is a JSON ...
Dev Digest 136 - No JS(on) of mine
CH
Chris Heilmann
Dev Digest 111 - npm i -g issues
In last Friday's Dev Digest we looked at some global tech issues, took a deep dive into code assistants, we have a great video about NPM security and want you to tell us your favourite code questions to use in CODE100. News and ArticlesLet's start th...
Dev Digest 111 - npm i -g issues
DC
Daniel Cranney
Dev Digest 188: CfP time, the risks of NPM and IKEA algorithms
Inside last week’s Dev Digest 188 . 🤖 GitHub Copilot CLI is now in public review 💻 Microsoft is bringing ‘vibe working’ to office apps 🎣 Attackers abuse AI tools to generate captchas in fishing attacks ⚠️ When LLMs autonomously attack 🧠 Common cause...
Dev Digest 188: CfP time, the risks of NPM and IKEA algorithms

From learning to earning

Jobs that call for the skills explored in this talk.