Add react-require to avoid importing React

[jonaswindey]

This PR will allow a component to work without importing React each time, as discussed in #285

component.js

before:

import React from 'react'

export default () => <div>My component</div>

after:

export default () => <div>My component</div>

[jonaswindey]

If this is accepted we can also remove all import statements from the stateless functional components in the /examples

[arunoda]

@jonaswindey This is great.
But in the future, Next.js will have a config file (next.config.js) which allows you to customize babel plugins (loaders, etc) use in your app.

So, this can be something we could do in the user land.

[jonaswindey]

Yep, but I think we can add this as default babel setting in my opinion.. unless you disagree I don't see any disadvantage to use this

[rauchg]

I think it's a good default. One thing I'd like us to think about though @jonaswindey is how we're going to be able to neatly override these for #20. Maybe we can have a set of react-specific transformations (like a babel bundle) that can be replaced with another set from another project (like preact)

[rauchg]

By the way, have you verified that import React from 'react' in addition still works? We need it for the stateful components

[rauchg]

Other than that, +1

[jonaswindey]

jep, adding import React from 'react' will still work. No conflicts there.

[rauchg]

Awesome!