npm install- Para instalar as dependências da aplicação
npm run dev- Para executar a aplicação
Página inicial do twitter, página de responder tweets, além da versão mobile
- ReactJS
- Vite
- VsCode
Rocketseat por promover a masterclass, gratuitamente.
Diego Fernandes por ter ministrado a aula.
Layout figma here
Não liga, são minhas anotações 😊
- Fluxo de renderização:
-
1 Toda vez que alteramos o estado de um componente, TODO componente é renderizado
-
2 Toda vez que o seu componene PAI renderizar
-
3 Toda vez que alguma das suas propriedades mudarem
- Algoritmo de reconciliação
-
1 Cria em memoria a nova versao do HTML de componente
-
2 Compara essa nova versao com a versao anterior do HTML (diff)
-
3 Aplicar as operações JS para alterar somente o necessario no HTML