Named exports are useful to export several values. During the import, it is mandatory to use the same name of the corresponding object.
For example, I created a file containing the functions to retrieve the data from the back-end webAPI. It's useful to export these as an object so that the importer can import the specific functions they need.
import {
getArticlesForTopic,
getArticle,
getTopic
} from '../../api/back-end';
Default Exports
But a default export can be imported with any name:
// export feature declared earlier as default
export { myFunction as default };
// export individual features as default
export default function () { ... }
export default class { .. }
// each export overwrites the previous one
The React component functions are exported as the default export.