Skip to content

silvarafaell/Imersao_React_Aluracord

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 

Repository files navigation

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 Alt text

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

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

Alt text

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