Get started with React

Module
10 Units

Beginner

Student

Developer

Azure Static Web Apps

React.js is the most popular front-end JavaScript framework. Developers use JSX, a combination of HTML and JavaScript, to create views in a natural way. Developers can also create components for blocks that can be reused across their applications. This module introduces React and the core skills developers need to use this powerful framework.

Learning objectives

In this module, you'll:

Learn how to define JSX.
Install React.
Create a React project.
Create a React component.
Work with dynamic data.
Work with CSS.

Prerequisites

Knowledge of HTML, CSS, JavaScript, and Git
Knowledge of package management with Node.js and npm
A code editor, such as Visual Studio Code

Introduction to React min
Introduction to JSX min
Create a starter project min
Hello, world! min
Create your first component min
Display dynamic data min
Add style min
Create a React project from scratch min
Knowledge check min
Summary min