Curso

React: Trabalhando com props

Aprenda neste curso a reaproveitar componentes no React através de props.

Esse curso inclui:

Suporte em tempo real

Certificado

Carga horária:

8 horas

Curso de React (8 aulas)

Aula 1 - Introdução

Nesta aula vamos aprender o que são props e como isso será útil na programação em React.

Aula 2 - Entendendo o exemplo

Agora que já sabemos o que são props vamos entender a mecânica do seu uso e como utilizamos para reaproveitar componentes.

Aula 3 - Props

Nesta aula vamos aprender a passar props para nossos próprios componentes e a utilizá-los.

Aula 4 - Arquitetura do Projeto

Nesta aula vamos conhecer como será estruturado o nosso projeto, sua estrutura de pastas e a divisão dos nossos componentes.

Aula 5 - Conhecendo nosso ponto de partida

Antes de colocar a mão na massa vamos baixar e conhecer o projeto base que usaremos para estudar props.

Aula 6 - Recebendo props no componente ItemLista

Para exibir as propriedades recebidas pelo componente, precisamos definir em qual local elas devem aparecer e é isso que vamos definir nesta aula no componente ItemLista.

Aula 7 - Passando propriedades para o componente ItemLista

Agora que já definimos onde as props vão aparecer no componente ItemLista, chegou a hora de importar esse componente e passar para ele os valores das propriedades a serem exibidas.

Aula 8 - Reutilizando o componente ItemLista

Quando codificamos um componente para exibir o valor das propriedades passadas a ele, permitimos replicar a sua estrutura, alterando apenas uma parte do seu conteúdo. Nesta aula vamos reaproveitar ItemLista alterando apenas suas props.

Iniciar agora
Ebook exclusivo
Dê um upgrade no início da sua jornada. Crie sua conta grátis e baixe o e-book

Veja outros cursos de React

React: Trabalhando com coleções de dados

React: Componentização de aplicações com Props + useState

React: Modificando o comportamento da página com State Hook e evento onClick