View Code? Open in Web Editor
NEW
Evento disponibilizado pela Alura para desenvolver o AluraTube, um projeto em React
License: MIT License
aluratube's Introduction
IMERSÃO REACT - AluraTube
AULA 01: A WEB, OS COMPONENTES E O DEPLOY.
- Criamos o projeto inicial com NextJS;
- Vimos NPM scripts;
- Entendemos como checar a versão do Node e que o NPM vem junto com o projeto;
- Utilizamos o npx gitignore node para gerar o gitignore do projeto;
- Vimos a criação de um componente com React;
- Vimos como trabalhar com estilos no React;
- Como trabalhar com StyledComponents;
- Vimos como usar Props no React;
- Vimos sobre o children do React;
- Ao final pegamos o CSS já pré-criado pelo DevSoutinho, adicionamos no nosso projeto e seguimos com os desafios.
AULA 02: ENTENDENDO STATE E FAZENDO A BUSCA DO ALURATUBE
- Criamos o nosso search.js;
- Aprendemos sobre State;
- Vimos o conceito de Prop-drilling;
- No final, criamos o banner utilizando Styled Components e passando Props por ele.
AULA 03: IMPLEMENTANDO DARK MODE COM CONTEXTAPI
- Começamos olhando o Design Systems;
- Falamos sobre a importância de ter contratos de cores e valores de Design;
- Criamos o componente Dark Mode Switch;
- Criamos um state local no nosso componente de Dark Mode Switch;
- Começamos a trabalhar esse state para não fazer Prop Drilling e sim ter um contexto que nos permite acessar os dados de forma "global";
- E por fim, um Provider que configura quais dados vão estar disponíveis no contexto.
aluratube's People
Contributors
Watchers
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent