Curso

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

O props dá a capacidade de passar praticamente qualquer tipo de dado de um componente para outro e também possibilita transportar um tipo de dado muito comum no React: o state. Com o conhecimento mais aprofundado em props conseguiremos implementar novas formas de manipular um state através de outro componente que não seja o seu componente original. A utilização do useState somado com o props nos dará a capacidade de trabalhar novas maneiras de componentizar a nossa aplicação React. Neste curso aprenderemos como isso é feito e qual a vantagem do seu uso.

Esse curso inclui:

Suporte em tempo real

Certificado

Carga horária:

6 horas

Curso de React (6 aulas)

Aula 1 - Introdução

Com o auxílio do props podemos passar um state de um componente pai para um componente filho. Neste curso veremos mais sobre como implementar essa operação.

Aula 2 - Conhecendo o projeto

Nesta aula vamos conhecer o nosso projeto usado para aprender a utilizar o useState + props.

Aula 3 - Primeira versão do código

Nesta aula desenvolveremos a primeira versão do nosso projeto. Nesta versão escreveremos o código da aplicação sem aplicar componentização, ou seja, desenvolver o código todo em um único arquivo. Esse primeiro passo servirá como base para evoluirmos o código até atingirmos o ponto de componentizar a aplicação com o uso do Props + useState.

Aula 4 - Dividindo o código em componentes

Nesta aula refatoraremos a primeira versão do código do nosso projeto. Começaremos a implementar a componentização no nosso projeto utilizando props para enviar dados a dois componentes criados.

Aula 5 - Enviando o state para os componentes

Nesta aula continuaremos a refatoração do código do nosso projeto. Agora faremos uso do props para enviar um state a dois componentes criados da nossa aplicação. Essa mudança deixará nosso código mais limpo e componentizado que antes.

Aula 6 - Modificando o valor de um state através do componente filho

Nesta aula faremos a última refatoração do código do nosso projeto. Agora aprenderemos a modificar o valor de um state dentro do componente filho que o recebeu como parâmetro através do 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: Modificando o comportamento da página com State Hook e evento onClick

React.js: Introdução