Like any unfamiliar technology, React does have a learning curve.

If you prefer to learn concepts step by step, start with our guide to main concepts.

If you prefer to learn by doing, start with our practical tutorial.

Whether you prefer a more theoretical or a practical approach, we hope you’ll find this section helpful. People come to React from different backgrounds and with different learning styles. Each of them can work with little to no configuration and lets you take full advantage of the rich React ecosystem. There are several JavaScript toolchains we recommend for larger applications. It only takes a minute to set up!Īs your application grows, you might want to consider a more integrated setup. When starting a React project, a simple HTML page with script tags might still be the best option.

You can then either gradually expand its presence, or keep it contained to a few dynamic widgets. You can add React to an HTML page in one minute. It does a slow runtime code transformation, so we’d only recommend using this for simple demos. 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. Try a Hello World template on CodePen, CodeSandbox, or Stackblitz. If you’re interested in playing around with React, you can use an online code playground. 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 section will help you get started.

React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Learn what React is all about on our homepage or in the tutorial. React is a JavaScript library for building user interfaces. This page is an overview of the React documentation and related resources. The new Quick Start teaches modern React and includes live examples.

React js beginner