Nesta aula, iremos reforçar nosso aprendizado sobre componentes, criando e utilizando um novo componente como vimos na primeira aula.
A partir daqui iremos ver como criar um componente do zero e renderiza-lô ná pagina para fixar o que aprendemos. Clique aqui
Agora que já estamos confortáveis em criar novos componentes, vamos observar os outros arquivos no nosso projeto e alguns conceitos extras como export/import, o que são Bibliotecas, quais arquivos precisamos ter no projeto e mais. Acesse o próximo passo aqui.
Pronto! Agora já temos o primeiro componente do site do Núcleo de Tecnologia no nosso projeto do Replit 🎉
Em seguida vamos focar na próxima parte do site, a Seção de "Iniciativas". Para localizar a seção: Vá ao Site do Núcleo, role a página levemente para baixo e você já encontrará o título "Iniciativas".
Note que essa próxima seção tem 6 cards. Cada card será um componente, como já fizemos nessas ultimas aulas. A novidade aqui é que o conteúdo de cada card muda. Para aprendermos como fazer isso funcionar com no nosso card, vamos utilizar as propriedades dos nossos componentes React.
Na Próxima aula vamos explorar as propriedades e como passar informações de um componente para o outro.
- Documentação oficial do React em Português: https://pt-br.react.dev/learn/your-first-component