iankuntz / react-praticando-children

https://react-atividade-s1-praticando-children-iandrokuntz-git.vercel.app/

📋 Sobre a atividade

Essa será uma aplicação onde o seu principal objetivo é entender e praticar o conceito de renderização de childrens através de props, além de praticar o desenvolvimento de interfaces estilizadas 😋

ℹ️ Informações úteis

Exemplo de resultado esperado

---

🖐️🍝Mão na massa!

1. Crie um projeto react usando o comando: yarn create react-app ***seuprojeto***

2. Após isso, abra seu projeto no seu editor e rode o comando yarn start para iniciar o servidor com seu app.

3. Crie um componente chamado CenteredCard.js, dentro de uma pasta components, assim como vimos nas aulas anteriores.

4. O componente CenteredCard recebe uma prop que será desestruturada chamada **children**

5. O componente CenteredCard possui os seguintes elementos JSX nessa ordem: div → span →children

6. Adicione uma classe a div pai do componente CenteredCard e crie um arquivo, onde vamos estilizar este componente. Você deverá centralizar tudo o que estiver dentro da div, ou seja, o span que engloba o children.

7. Agora importe o componente e lembre-se que ao instancia-lo você deverá passar algum elemento como children, por exemplo:

   <CenteredCard> <h1> Exemplo </h1>  </CenteredCard>
   

💪Agora é com você

• Desenvolva e aplique algum conteúdo dentro do CenteredCard, ele pode ser um card contendo detalhes de algo ou alguém, etc
• Estilize seu Card, seja original 😉

💡Conhecimentos aplicados:

• Fundamentos do React
• Passagem de valores para um componente
• Componentização e Reutilização
• Utilização dos valores vindo das props no componente
• Reforçando conceito de children e props