bugl
bugl
HomeLearnPatternsPathsSearch
HomeLearnPatternsPathsSearch

Loading lesson path

Learn/React/React Core
React•React Core

React Tutorial

Flash cards

Review the key moves

1/4
Core idea

What is the main idea behind React Tutorial?

Lesson checks

Practice each idea before moving on

Short Mimo-style checks built from this lesson's code, terms, and sequence.

1Quick choice

Which statement best captures the main point of this lesson?

2Fill blank

Complete the missing token from the example code.

___ { createRoot } from 'react-dom/client';
3Order

Put the learning moves in the order that makes the concept easiest to apply.

React allows us to create reusable UI components.
React is used to build single-page applications.
React is a JavaScript library for building user interfaces.

Learn React

React is a JavaScript library for building user interfaces.

React is used to build single-page applications.

React allows us to create reusable UI components.

Our "Show React" tool makes it easy to demonstrate React. It shows both the code and the result.

Example

import { createRoot } from 'react-dom/client';
function Hello() {
 return ( <h1>Hello World!</h1> );
}
createRoot(document.getElementById('root')).render( <Hello /> );

Next

React Introduction