search

reactjs / react.dev

The React documentation website
https://react.dev/
Creative Commons Attribution 4.0 International
10.89k stars 7.45k forks source link

Online IDE in the documentation #18

Open CompuIves opened 6 years ago

CompuIves commented 6 years ago

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 commented 6 years ago

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

micpap25 commented 2 years ago

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.