rdg-404 / Ignite-Feed

Fundamentos de ReactJS da trilha 2022 do Ignite da Rocketseat

ReactJS - Ignite Rocketseat

Projeto criado usando Vite

Dependencias

  npm i phosphor-react

Lib de icones para a aplicação aqui

  
  npm i date-fns
  

Formatar datas em JavaScript

Template no Figma

Layout do projeto

Funcionalidades

• Adicionar comentários

• Deletar comentários

• Dar like no comentário

Key no React

Por que única?

3 momentos em que um componente é renderizado, novamente, no React.

1 - Quando o estado é alterado 2 - Quando a propriedade altera 3 - Quando um componente pai renderiza novamente

---

1, 2, 3, 4

1, 2, 3, 4, 5

Ignora os já existentes e renderiza somente os novos

Por que não utilizar o índice de array como chave

  const posts = [1, 4, 3, 2]
  // 1, 4, 3, 2

Alterando a posição do indice o react precisa renderizar tudo de novo, com a chave ele não precisa renderizar pq torna o elemento único

Projeto desenvolvido na trilha Ignite da Rocketseat 💜