Página SPA (Single Page Application) com todos as atividades desenvolvidas durante o bootcamp. Veja esse projeto 👈 ✍️ 👩💻 📖
Ferramenta | Descrição |
---|---|
vite |
Gerador de projeto front-end |
ReactJS |
Biblioteca javascript |
npm |
Gerenciador de pacotes |
axios |
Para consumo de API |
react-router-dom |
Criador de rotas |
netlify |
Hospedagem |
react-icons |
Icones grátis |
css |
Folhas de estilos |
Google fonts |
Fonte |
undraw |
Banco de ilustrações grátis |
📁 diarioreprograma
|- 📁 src
| |- 📁 assets
| |- 📁 components
| |- 📁 Footer
| |- 📁 Header
| |- 📁 Menu
| |- 📁 pages
| |- 📁 Sobre
| |- 📁 Comentarios
| |- 📁 Projetos
| |- 📁 Diario
| |- 📁 Contato
| |- 📁 routes
|- 📁 node_modules
|- 📄 app.jsx
|- 📄 main.jsx
|- 📄 .gitignore
|- 📄 package.json
|- 📄 package-lock.json
- Como preparar o ambiente e criar o projeto React com vite
- Componentes: O que são
- Props
- Eventos
- Estados
- Listas e Chaves (key-id)
- React Hooks (useState e useEffect)
- Consumir API em React
- Prática usando todos os conceitos aprendidos na aula
- Introdução ao Roadmap React + Próximos passos
- Rotas - React Router
- Projeto guiado do zero ao deploy
- Criar organização das pastas
- Criar rotas
- Criar Menu
- Criar Header
- Criar páginas
- Comentários usando localStorage
- Subir no netlify e incluir a configuração de redirects
- Criar e incluir footer
- Criar e inclir páginas: Sobre, Diário da reprograma e Contato