Introdução

3 minutos

Os componentes são unidades reutilizáveis e independentes que formam o núcleo de qualquer aplicativo React. Os componentes podem ter suas próprias propriedades (ou props), que permitem passar dados para um componente, tornando-o reutilizável em diferentes cenários. Além disso, é possível usar dados complexos além de cadeias de caracteres e tipos primitivos, dando ainda mais força aos seus componentes.

Objetivos

Neste módulo, você saberá como:

Exibir dados dinâmicos.
Exibir listas de dados.
Adicionar propriedades (props) aos componentes.
Usar objetos e tipos de dados complexos.

Pré-requisitos

Habilidades

Conhecimento de HTML, CSS e JavaScript
Conhecimento básico do React e componentes React
Conhecimento do gerenciamento de pacotes com Node.js e npm
Conhecimento de Git

Software instalado localmente

Node.js
Um editor de códigos, como o Visual Studio Code
Git

Clonar o projeto e abrir o código no Visual Studio Code

Este módulo usa um projeto inicial.

Para obter o projeto inicial, execute o código a seguir em uma janela de comando ou de terminal. Isso clona o repositório e abre a pasta inicial no Visual Studio Code.

# Windows
git clone https://github.com/MicrosoftDocs/mslearn-react
cd mslearn-react\code\2-component-data\start
code .

# macOS or Linux
git clone https://github.com/MicrosoftDocs/mslearn-react
cd mslearn-react/code/2-component-data/start
code .