[docs] Make examples interactive

[skv-headless]

I can work on It. I would like to reuse this component
https://github.com/react-bootstrap/react-bootstrap/blob/master/docs/src/ReactPlayground.js

[oliviertassinari]

@skv-headless Any update on this? I don't think that it worse the effort.

[oliviertassinari]

Edit, there is https://github.com/FormidableLabs/component-playground that we could use. Still, what is the use case?

[newoga]

I think this isn't critical but it would be nice to have. Sometime's when you're new to a project it's fun to tinker a bit beyond the examples. Also, it might be useful in terms of reproducing issues. For example, if someone has an issue with how a component is working, we could ask them if they could reproduce it in component-playground on the doc site.

[mbrookes]

Codepen and JSFiddle both have a post API, which would let you push each example, but they would need a compiled version of each component (or the entire lib) hosted somewhere so that they (or it) could be included.

[newoga]

Mm, I think I like that route. I think supporting codepen / jsdfiddle could go a long way interms of better supporting this project here and on StackOverflow. Getting reproducible examples helps so much when pinpointing root cause of something.

I guess first step is making creating a webpack build of material-ui part of our build process. Maybe after we have that we can see if cdnjs would be willing to host it for us?

[mbrookes]

Could it not be served from github pages?

[newoga]

Mm...yeah I don't see why that wouldn't work. That idea just reminded me of this option too: https://rawgit.com/

[mbrookes]

Interesting. And the compiled lib could still live in its own branch if it was desirable not to pollute main.