Named vs Default Exports

Exports is used to share code between modules.

Named

---

operations.js

export const sum = (a, b) => a + b;
// import
import { sum } from "./operations.js";

• Any number of exports possible
• Name should match while importing
• Uses curly braces
• Introduced in ES6

Default

export default function sum(a, b) {
  return a + b;
}
// import
import addFunction from "./operations.js";

• Any name is possible while importing
• Only one default export per file