O projeto está inativo

Aplicação simples com os primeiros componentes

Neste projeto você vai aprender o que são componentes e como utilizá-los.

90

Introdução

O exemplo criado pode ser visualizado na Figura 1.

exemplo criado
Figura 1. Exemplo criado

Para chegarmos nesse resultado vamos aprender os seguintes tópicos:

  • Criar um componente;
  • Exportar um componente;
  • Importar um componente;
  • Estilizar utilizando CSS.

O que são componentes

Componentes são, basicamente, elementos visuais exibidos na tela para o usuário.

Por exemplo, em uma página Web podemos dizer que um botão é um componente, um item de menu é um componente, um campo de edição de dados é um componente e assim por diante.

Além disso, a própria página Web, em si, também é um componente (que contém componentes filhos).

Por que isso é útil?

Todo elemento visual no React é um componente.

Utilizar componentes facilita na manutenção da aplicação já que dividimos um código inteiro em partes menores. Além de conseguirmos reaproveitar nosso código.

Saiba mais Veja o Curso React: Criando meus primeiros componentes
Chega de perder tempo!
Comece hoje mesmo a programar de verdade
Apenas 12x de R$ 54,90
Por que a DevMedia?
  • Didática focada no iniciante
  • Aprenda construindo projetos reais
  • Domine as tecnologias mais usadas no mercado
  • Professores online o tempo todo
  • + de 8000 exercícios gamificados
  • + de 100 mil alunos formados

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários,
consulte nossa política de privacidade.

Aceitar