Resumo do Tutorial sobre Firebase

Então, depois de tanto tempo para configurar as coisas, a gente vai finalmente dar uma olhada no Firebase. Então, vamos lá, vamos no navegador. Eu vou para Firebase console.firebase.google.com. Vai lá, você tem que ter uma conta do Google. Quando você for nesse, vai ter uma prisão de criar um novo projeto. Eu vou criar um novo projeto. No meu caso, está em inglês, mas no seu caso, deve estar em português. Criar um novo projeto, vou dar um nome ao projeto. Nesse caso, qual é o projeto que eu tinha? Qual era o nome? Authenticação Firebase Redux. Authenticação com Firebase Redux. Ah, não pode ser tão longo. Vou fazer assim. Authenticação com Firebase. Dê qualquer nome que você quiser. Seja de razão, não sei o que. Criar projeto. Vai demorar um pouquinho para criar o projeto. E a gente vai fazer, vai habilitar a authenticação com o e-mail e a senha nesse caso. Quando você já fizer tudo e der certo, o que você vai fazer? Vai na Authentication, a authenticação aqui, nesses caras aqui, ícone. Aí, Sign In Method, método de logá, Sign In. Aí, vai ter e-mail e password, tá bom? Você vai clicar aqui, editar e vai habilitar. Habilitar, e salvar. Nesse caso, vai habilitar a authenticação com o e-mail e a senha. Depois disso, vai aqui, nesses settings, não sei o que. Você tem que adicionar aqui Firebase no web app, escolher esse web app. Não importa que a gente é mobile, não sei o que. Então, vai lá e vai te dar um negócio que é que a gente se importa com essa configuração, né? Authenticação, não sei o que. A PA aqui. Note que eu estou usando a versão, se noto 3, pode 6, que a gente vai usar, eu acho. Note que a versão do Firebase SDK antes da versão 3 é diferente. Então, a gente está usando a versão 3, tá bom? Que é dessa maneira. Eu quero que você copie esse código aqui. Não precisa do script, não sei o que, porque é para web app, a gente está usando esse cara aqui para o mobile, né? Vamos lá para o nosso projeto, voltar. Vai para o app, com a Toyota S, dentro do SRC, diretório. Aqui, o que a gente vai fazer? A gente vai primeiro inicializar o Firebase com nossas opções, nossas configurações. Para isso, a gente vai ter que usar o componente de Lifecycle. Mas agora não dá para usar por quê? Porque o app é componente funcional. Então, a gente vai ter que modificar esse app para esse componente de classe. Tá bom? Então, vamos lá. A gente tem com as apps, vamos fazer class app, extends component, e não precisa mais descartar aqui. Não precisa dessa ponto e vírgula. E esse return vai ser o cara do render, né? Render e bota o return dentro. Bom? Modifica o app para esse componente de classe, extends component, tem que portar do react. Componer aqui nessa linha. Salva. A função render retorna esse cara. Deixa eu ajustar a indetação. Tá bom? Aí. Tá bom? Agora é componente de classe. Agora posso definir o component whale mount ou component dead mount, se você quiser. E quando com montagem, a gente vai dar aquele código do Firebase, tá bom? Então, component whale mount do app, a gente vai iniciar o Firebase. Vamos dar uma indetação, vamos mudar esse var para const que a gente está usando, s6. Esse aqui é o objeto de configuração do seu Firebase. Tem todas a API aqui, não sei o quê. O RL do banco de dados e essas coisas. Aí define esse configuração e passa para a função initialize app do Firebase, que é um módulo que a gente tem que instalar. Vamos lá. Vamos lá aqui. No terminal, clear, npm, install ou só i, save, tá bom? Firebase. Note a versão 3, vamos já confirmar que a versão antes do 3 é diferente as coisas, tá bom? Vou verificar meu package JSON. Tá, Firebase, versão 3.6.1, tá bom? Installado tudo ok, vamos voltar ao app e vamos importar Firebase. Antes do Redux Tank, port Firebase from Firebase. Certo, agora vai funcionar, importamos. Esse vai inicializar a aplicativa com o nosso configuração do Firebase para a gente poder usar Firebase. Tudo certo? Próxima sessão a gente vai fazer login.