Why and when to use default export over named exports in es6 Modules?

by

Some differences that might make you choose one over the other:

Named Exports

  • Can export multiple values
  • MUST use the exported name when importing

Default Exports

  • Export a single value
  • Can use any name when importing

This article does a nice job of explaining when it would be a good idea to use one over the other.

More Related Contents:

  1. Is it possible to import modules from all files in a directory, using a wildcard?
  2. Pass options to ES6 module imports
  3. `export const` vs. `export default` in ES6
  4. ES6 Modules: Undefined onclick function after import
  5. ES2015 import doesn’t work (even at top-level) in Firefox
  6. Destructuring a default export object
  7. Which browsers support import and export syntax for ECMAScript 6?
  8. ES6 modules in the browser: Uncaught SyntaxError: Unexpected token import
  9. “Cannot use import statement outside a module” error when importing react-hook-mousetrap in Next.js
  10. Use functions defined in ES6 module directly in html
  11. ES6 Destructuring and Module imports
  12. Is using an ES6 import to load specific names faster than importing a namespace?
  13. How can I alias a default import in JavaScript?
  14. Are ES6 module imports hoisted?
  15. Not recommended to use “use strict” in ES6?
  16. Inlining ECMAScript Modules in HTML
  17. What is the defined execution order of ES6 imports?
  18. What is the difference between importing a function expression or a function declaration from a ES6 module?
  19. How will browsers handle ES6 import/export syntax
  20. How to resolve Node.js ES6 (ESM) Modules with the TypeScript Compiler (TSC). TSC doesn’t emit the correct file-ext
  21. How to perform a “variable” ES6 import?
  22. how to reset module imported between tests
  23. ES2015 “import” not working in node v6.0.0 with with –harmony_modules option
  24. Import ES module in Next.js ERR_REQUIRE_ESM
  25. Re-export default in ES 6 modules
  26. Output an ES module using webpack
  27. Classic scripts vs. module scripts in JavaScript
  28. How does JavaScript import find the module without an extension?
  29. Import from node_modules not recognized in es6 modules in browser
  30. Import ‘.json’ extension in ES6 Node.js throws an error

Leave a Comment