Skip to main content

Learn React

Build a web interface out of components.

React builds a user interface out of components. Each component is a function that returns markup, and React updates the page when its data changes.

The editor compiles the JSX in the page and renders it in a sandboxed preview, so you can change the sample and see the result without installing anything.

React is one of the most common ways to build a web front end, and the component idea carries over to React Native. Start by editing the sample, then add a counter with useState.

Start here

First program: Change the sample component's text, then add a counter with useState and watch the preview update.

There are no React lessons yet. The editor runs in your browser and needs no account.

Practice

Practice problemsRead a problem, write an answer and run it against the samples.

There are no React exercises yet. The practice problems are plain JavaScript or Python questions; use the editor above for React.

Read more

Want the full programme with mentorship and placement? See the plans