Imersão React Alura 2022 - Projeto Aluracord

Aula 1: Matrix Chat: Criando o nosso projeto Aluracord

Comandos utilizados:

• npm init -y
• npm install next react react-dom
• npm run dev
• npm i @skynexui/components
• npm i gitignore

Aula 2: State, novas páginas e navegação SPA vs a Tradicional

Comandos utilizados:

• npm run dev Conteúdos vistos:
• No React vamos trabalhar muito com o useState, inicializa uma variavel(até mesmo vazia) e dá duas coisas o que vou conseguir ver e quem devo avisar que vou mudar isso.
• O React só muda o que precisa ser alterado na pagina.
• Hooks > useState e useRouter
• Criação de uma Pagina nova(chat)
• Pasta pages é no Next.js
• api.github.com/users/silvarafaell(Mostra informações do usuário)

Aula 3: Chat offline? Aprimorando as habilidades com State

Conteúdos vistos:

• Tentar jogar o valor para tela ou usar o console para ter clareza no que está trabalhando.

Aula 4: Integrando com o Supabase.io

Conteúdos será vistos:

• Nesta aula vamos integrar com o Supabase! Uma ferramenta de "Back-End as a Service" que vai nos ajudar a ter um banco de dados real time para guardar as mensagens do nosso chat.
• Senha SupaBase: czKzeDi#cb$M

comandos utilizados:

• npm i @supabase/supabase-js

Aula 5: Adicionando Suporte para Stickers e dicas essencias para proximos passos