Esse projeto consiste em criar uma lista interativa criando um Cartão de presença.
O maior desafio desse projeto conhecer e realizá-lo com a biblioteca React.js como primeiro projeto. Utilizei meu HTML, CSS, Javascript de forma diferente nesse projeto.
- URL para o Site: Lista de presença
- HTML Construido em JavaScript(JSX)
- CSS Estilizando componentes separadamente
- React
- Hooks, useState, Api do GitHub
- Javascript
- Fecth, async - await, função Date().toLocaleDateString
O projeto consiste em uma aplicação React utilizando o Vite ao invés de por padrão utilizar o "create-react-app".
npm create vite@latest <nome do projeto>
cd <nome do projeto>
npm install <criação da pasta node_modules>
npm run dev
O aprendizado consiste em desenvolver um projeto react desde a criação ao deploy, utilizando todos estes conteúdos base: propriedades, estado, como desenvolver utilizando componentilização, estilização, hooks (useState, useEffect), imutabilidade, entender o funcionamento e o comportamento de aplicações react.
![]() Bruno Almeida |