Aplicação simples com os primeiros componentes
Neste projeto aprenda 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.
Projeto já adicionado aos favoritos. Clique aqui para ver todos seus favoritos
Obrigado pela sua avaliação, deixe o seu feedback nos comentários :D
Introdução
Neste exemplo criaremos uma página simples com alguns componentes como podemos ver na Figura 1.
Nessa página temos um componente principal chamado Home, que é a própria página.
Esse é um comportamento padrão do React - uma aplicação React é baseada em componentes e por isso sempre terá um componente pai principal, que conterá todos os outros.
Arquitetura do exemplo
Veja no flow a seguir mais detalhes sobre a arquitetura do exemplo:
Conhecendo o exemplo
Conheça a página do exemplo e como ela será dividida no flow seguinte:
Promoção de Natal
Oferta exclusiva de Natal!
Pagamento anual
12x no cartão
De: R$ 69,00
Por: R$ 59,90
Total: R$ 718,80
Garanta o desconto
- Formação FullStack Completa
- Carreira Front-end I e II, Algoritmo e Javascript, Back-end e Mobile
- +10.000 exercícios gamificados
- +50 projetos reais
- Comunidade com + 200 mil alunos
- Estude pelo Aplicativo (Android e iOS)
- Suporte online
- 12 meses de acesso
Pagamento recorrente
Cobrado mensalmente no cartão
De: R$ 79,00
Por: R$ 59,90 /mês
Total: R$ 718,80
Garanta o desconto
- Formação FullStack Completa
- Carreira Front-end I e II, Algoritmo e Javascript, Back-end e Mobile
- +10.000 exercícios gamificados
- +50 projetos reais
- Comunidade com + 200 mil alunos
- Estude pelo Aplicativo (Android e iOS)
- Suporte online
- Fidelidade de 12 meses
- Não compromete o limite do seu cartão
<Perguntas frequentes>
Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.