Trying Out React
The Facebook team for start designed React for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to a simple HTML page, or start a complex React-powered app, the links in this tutorial will help you get started.
While on the track to becoming a professional React JS developer, there exist numerous playgrounds at which you can run your React code on. There exist a couple of Online and Offline playground as illustrated below.
- Online Playgrounds
- React Offline Playgrounds
If you prefer to use your own text editor, you can also download this HTML file, edit it, and open it from the local filesystem in your browser. It does a slow runtime code transformation, so I would only recommend using this for simple demos.
How to Get Started
React is mainly used in two major ways
- Add React to a Website from CDN
- Create React App
Add React to a Website from CDN
You can add React to an HTML page in one minute. You can then either gradually expand its presence, or keep it contained to a few dynamic widgets. This will be explored in the upcoming tutorials.
Create React App
When starting a React project, a simple HTML page with script tags might still be the best option. It only takes a minute to set up!
In the next tutorial, we will explore the different ways at which React can be used, and quickly start our first react application.