ES6 Modules

Copy 
1// Export a variable inline.
2export const isGreen = (color) => color === 'green'
3
4// Export a function declaration inline.
5export function isPink (color) { return color === 'pink' }
6
7// Export a class inline.
8export class LittleBox { /* ... */ }
9
10// Export at the bottom.
11const blue = 'blue'
12function yellow () { return 'yellow' }
13class Hillside {}
14
15export { blue, yellow, Hillside }

Copy 
1// Export variable inline. This causes problems in debugging
2// because the variable has no name for stack traces.
3export default ({ profession }) => profession === 'doctor'
4
5// Export variable separately.
6const isDoctor = ({ profession }) => profession === 'doctor'
7export default isDoctor
8
9// Export function declaration inline. This causes the same
10// problems if you don't name the function.
11export default function ({ profession }) { return profession === 'lawyer' }
12export default function isLawyer ({ profession }) { return profession === 'lawyer' }
13
14// Export function declaration separately
15function isBusinessExecutive ({ profession }) { return profession === 'business executive' }
16export default isBusinessExecutive
17
18// Export class inline
19export default class Person { /* ... */ }
20
21// Export class separately
22class Person { /* ... */ }
23export default Person

Copy 
1// import named exports
2import { isGreen, isRed } from './color-tests'
3​
4// import default export
5import isBlue from './color-tests'
6​
7// import both default and named exports
8import isBlue, { isGreen, isRed } from './color-tests'
9​
10// defaults have no specific names, just conventions
11import izBloo from './color-tests'
12​
13// named exports can be explicitly renamed
14import { isGreen as izGrene } from './color-tests'