- 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.
- 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.
- 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.