README.md

Template Twitter

Site publicado

Projeto desenvolvido durante a masterclass, disponibilizada pela Rocketseat.

Como executar a aplicação ⚙️

Executar os seguintes comandos...

  npm install

• Para instalar as dependências da aplicação

  npm run dev

• Para executar a aplicação
  
  

O que foi desenvolvido 🚀

Página inicial do twitter, página de responder tweets, além da versão mobile

Página inicial (Versão desktop)

Enviando Tweet... (Versão mobile)

Página de respostas de tweets (Versão mobile)

Como foi desenvolvido 📋

Tecnologias utilizadas

• ReactJS
• Vite
• VsCode

Agradecimentos ❤️

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