Working with data and properties in React components

Module
9 Units

Intermediate

Student

Developer

Azure Static Web Apps

The goal of React components is to create reusable blocks of code and UI. To support reusability, you can pass data into components through the use of properties. We will see how to add properties to a component, and work with complex data types such as arrays.

Learning objectives

In this module, you will:

Work with props in a component.
Add logic to a JSX file.
Use map to work with lists of items.

Prerequisites

Knowledge of HTML/CSS, JavaScript, Git, npm, and some experience with React.

Introduction min
Introducing props min
Work with logic in JSX files min
Use complex data types as props min
Use map to display data inside an array min
Display list data min
Challenge min
Knowledge check min
Summary min