[ES6] Use import over require

[oliviertassinari]

Following #2253, this PR update the src folder.

[balthazar]

@oliviertassinari What do you think about all the indexes?

[oliviertassinari]

What do you think about all the indexes?

Could you be more specific? I don't follow.

[balthazar]

Can't we use es6 export style for this without having to require things?

[oliviertassinari]

Oh, looks like I have forgotten this file.

[balthazar]

Not just this one, all the indexes of each folder follow this pattern

[oliviertassinari]

@apercu You are right, thanks for noticing the we need to update the index.
We can use https://github.com/reactjs/react-docgen/blob/master/src/main.js as inspiration.
Do you want to give it a try?

I'm wondering if adopting the ES6 module definition for the index would make webpack only import the desired file with the following structure. cc @subjectix

import {DatePicker} from 'material-ui';`

[alitaheri]

@oliviertassinari I don't know if webpack can prune the tree or under what conditions it can. But it would be great if it was possible. it will need research.

[balthazar]

Yeah I was wondering about that since my material-ui is taking 40% of my project bundle loading all the svg icons while I'm only using a couple. Will do a bit of tests and can submit a PR

[oliviertassinari]

I have opened an issue to continue the conversation #2558.

Yeah I was wondering about that since my material-ui is taking 40% of my project

We advise people to directly require the needed component, but that would be better if we can use the index.js (for code clarify and modifying the file name without introducing breaking changes)