HTML & CSS - Como Criar um Login com React e Firebase (Autenticação Simples)

Quer saber mais sobre o nosso Curso Completo de Full Stack? Clique no link abaixo para garantir sua vaga na próxima turma: https://lp.hashtagtreinamentos.com/full-stack/espera/impressionador?fonte=org-yt_WkP6KgqWrX8&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=login-react-firebase-12-03&conversion=lesfs-mar-25 PARA ACESSAR O MINICURSO GRATUITO DE HTML E CSS (LANDING PAGE): https://pages.hashtagtreinamentos.com/inscricao-minicurso-html-css-landingpage?origemurl=hashtag_yt_org_minihtmlcss_landingpage_WkP6KgqWrX8&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=login-react-firebase-12-03&conversion=lesfs-mar-25 ----------------------------------------------------------------------- 📁 Arquivos Utilizados no Vídeo: https://dlp.hashtagtreinamentos.com/full-stack/arquivo/download?id=1xLJRoVT4CUxaJA2Vg1UcbIGnHWYBG7-T&origemurl=hashtag_yt_org_arquivofs_WkP6KgqWrX8&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=login-react-firebase-12-03&conversion=lesfs-mar-25 💻 Recomendação de vídeo: Tudo que você precisa saber de JavaScript antes de aprender React https://youtu.be/pBcGYStGLUo Como sair do ZERO no React em Apenas UMA AULA https://youtu.be/6hiqVVCsA_I ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/autenticacao-com-react-javascript ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt&origemurl=hashtag_yt_org_incompany_WkP6KgqWrX8&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=login-react-firebase-12-03&conversion=lesfs-mar-25 ----------------------------------------------------------------------- Você sabia que é possível criar um sistema de login completo no seu aplicativo React sem precisar desenvolver um backend do zero? Isso mesmo! Com o Firebase Authentication, você pode implementar um login seguro com Google de forma rápida e eficiente, sem complicações. Neste vídeo, você vai aprender passo a passo como integrar o Firebase ao seu projeto React, configurar autenticação com Google e gerenciar o estado do usuário. Tudo de maneira prática, simples e sem dor de cabeça! O melhor de tudo? Esse método é totalmente gratuito e ideal tanto para iniciantes quanto para quem já desenvolve aplicações web. Então, se você quer adicionar login com React e Firebase ao seu projeto de forma profissional, vem comigo nessa aula que eu te mostro como fazer isso do jeito certo! ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução 01:07 O que é o Firebase? 01:40 Criando um projeto no Firebase 04:48 Criando o arquivo de configuração do Firebase 07:32 Implementando login com Google no React 09:42 Testando o sistema de login 10:28 Componente de logout com React e Firebase 11:22 Gerenciando autenticação simples com React 13:37 Conclusão #fullstack #htmlecss #html #css #javascript #hashtagprogramacao