Named Imports/Exports for React Components

Why named imports/exports?

• Easier to find references to components
• Autocomplete
• Prevents typos

What does a named import look like?

import { Counter } from './Counter';

What does a default import look like?

import Counter from './Counter';

How to export a connected component?

export const _Counter () => {
   ...
}

export const Counter = compose(
   withRouter,
   connect(mapStateToProps, mapDispatchToProps)
)(_Counter);