Online IDE in the documentation

[CompuIves]

Continuing the conversation on Twitter here: twitter.com/acemarke/status/913891217385168896.

I think it would be very beneficial for beginners to use CodeSandbox/Stackblitz/WebpackBin to start learning React. The environment is like a local code editor, which means that the user already gets familiar with the feel of a code editor. The user doesn't have to install any tooling, so you can start immediately. Also, whenever they want to continue offline they can easily click on 'Download'/'Export' to get a CRA version of the same application so they can work further on it.

I think we all agree that this would be beneficial, the question is how to approach this without confusing the user. Would be great to have a discussion on this here.

[damaera]

I'm looking forward for this,
Personally i prefer codesandbox.

[micpap25]

Hi, it looks like this has been pretty extensively done throughout the website. I think this can be closed since we link to CodeSandbox pretty commonly. The only thing I can think of adding to this would be embedding CodeSandbox, but I think that would warrant a new issue anyway. So I think this can be closed.