Curso
React: Criando meus primeiros componentes
Aprenda neste curso a criar, importar, exportar e estilizar componentes no React. Com esse conhecimento você será capaz de separar o código da sua aplicação em partes menores, onde cada uma dessas partes será um componente.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
11 horas
Curso de React (10 aulas)
Aula 1 - Introdução
Você já aprendeu a criar a sua primeira aplicação React. Nesta aula vamos aprender um dos principais conceitos da programação em React, os componentes. Ainda neste curso vamos aprender a separar o código React em partes menores, deixando a aplicação componentizada.
Aula 2 - Criando um componente
Aprenda nesta aula como criar o seu primeiro componente utilizando o React.js. Com esse conhecimento você será capaz de dividir o código da sua aplicação em partes menores.
Aula 3 - Importação e exportação de componentes
Nesta aula vamos entender como importar e exportar componentes no React. Essa habilidade permitirá que você reutilize componentes em qualquer parte do código da aplicação.
Aula 4 - Estilizando um componente
Aprenda nesta aula como estilizar componentes React. Com esse conhecimento você será capaz de criar estilos separados para cada componente da sua aplicação.
Aula 5 - Componentes nativos do React
Nesta aula vamos conhecer os componentes nativos da biblioteca React, tais como Head, Image e Link. Vamos aprender também como esses componentes são utilizados para gerenciar metadados, definir imagens e criar links para uma página web.
Aula 6 - Exemplo prático
Nesta aula vamos conhecer o exemplo que será utilizado como base para aprendermos a criar e utilizar componentes em uma aplicação React.
Aula 7 - Criando o componente Topo
Nesta aula vamos criar o componente que será o responsável por conter o cabeçalho da aplicação, o componente Topo.
Aula 8 - Criando o componente Card
Nesta aula daremos mais um passo na construção do nosso projeto ao criar mais um componente filho da aplicação, o componente Card.
Aula 9 - Criando o componente Rodape
Nesta aula vamos criar o último componente filho que será o responsável por conter o rodapé da aplicação, o componente Rodape.
Aula 10 - Estilizando a aplicação
Agora que você já criou todos os componentes filhos da aplicação, o próximo passo é estilizá-los. Nesta aula vamos criar os estilos da página, sendo eles: o estilo global, o estilo da seção e os estilos dos componentes.
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