Why you should use ES modules?

Hi! My name is João Paulo.

But you can call me JP 🤙

Front end developer at Grupo Globo

(We are hiring!)

One of the maintainers of Clappr

I really love Rio Carnival

What is modularity?

"The concept of modularity is used primarily to reduce complexity by breaking a system into varying degrees of interdependence and independence across and "hide the complexity of each part behind an abstraction and interface."

Baldwin, C.Y.; Clark, K.B. (2000). "Chapter 3: What Is Modularity?" - Design Rules: The power of modularity

It's not a niche topic ... and not a new thing too.

"Hmm, give me more ..."

Benefits to using ES modules

Reusability

Modules maximize code reusability, since one module can be imported by another module.

Composability

Modules explicitly define their imports and exports. So, they can be easily composed.

Isolation

Allows multiple people to work individually in on project while not bottle-necking each other. Also if one of the modules breaks, instead of replacing the whole project, you just have to replace the individual module that broke.

Organization

A benefit already linked to the use of modules is the fact that the code has a much better organization, since we can create modules with unique responsibilities.