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.

11

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
Suporte ao aluno - Deixe a sua dúvida.
FAÇA PARTE DESSE TIME
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinámica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
Conheça agora!
Teste Grátis
  • Guias de Tecnologia
  • Cursos
  • Exercícios
  • Projetos completos
  • DevCasts
  • Artigos
  • Suporte em tempo real

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar