Essa será uma aplicação onde o seu principal objetivo é entender como o mecanismo de props funciona dentro do React
- Para começar, faça o clone desse repositório -> Link
- Crie o projeto react usando o comando:
yarn create react-app <pasta-gerada-no-clone
- Após isso, entre na pasta criada e abra seu projeto no seu editor. Rode o comando
yarn start
para iniciar o servidor com seu app. - Crie um componente chamado
Developer.jsx
, dentro de uma pastasrc/components
, assim como vimos nas aulas anteriores. - O componente deve ter as seguintes props: name, age e country.
- Os dados devem ser apresentados com as seguintes labels: Dev para a prop name. Idade para a prop age e País para a prop country (veja o exemplo acima)
- Importe o componente no seu
App.js
e renderize-o várias vezes passando props diferentes cada vez. - Faça o deploy no Vercel CLI, por meio do terminal.
- Aplique estilização em sua aplicação, seja criativo!
- Fundamentos do React
- Passagem de valores para um componente
- Componentização e Reutilização
- Utilização dos valores vindo das props no componente