Sistema de Login com React.JS! 🔥 (Autenticação, Context API, Hooks)

[@JonahtaNTB]

Cara muito obrigado por compartilhar sua sabedoria com a gente de maneira tão simples, não pare por conta dos percalços da vida, e siga em frente!

[@marcospauloamorim8313]

Cara, teu conteúdo é muito bom. Ensina conceitos muito importantes. Deu pra clarear muita coisa, valeu! Muito sucesso pro seu canal! Abraços man, tmj

[@will_dev]

Muito obrigado, Marcos 🤜🤛

[@KOLHO]

simples e direto ao ponto, ótimo conteúdo. Parabéns

[@guilhermenogueira9579]

Graças a Deus eu encontrei o seu canal ele é incrível desejo todo o sucesso!!!

[@will_dev]

Muito obrigado pelo feedback :D

[@dryliantm8921]

sinceramente ver seu video me ajudou muito, estive tendo problemas nas versões mais atuais do react-router-dom que o sistema de modificar a route diretamente não funcionava mais, serio, ajudo d+

[@will_dev]

Showw

[@tzik.mp4809]

como vc resolveu isso?? eu estou tentando e n consigo...

[@pablosalazar8945]

Projeto show de bola

[@programadorCarioca]

Ótimo conteúdo Will, vou tentar adaptar este projeto para Next + Tailwind. 💪🏻 Qualquer dúvida eu coloco o repositório aqui para me ajudar. 😂

[@CristianEtchebest]

Muito boa tua aula!! Consegui executar todos os passos e bombou direto!! Parabens!! Posso dar uma sugestão?! Será que você poderia complementar essa aula com outro vídeos implementando JWT e salvando usuario no MongoDB??

[@will_dev]

Muito obrigado pelo feedback e pela sugestão :D

[@Dobock8]

Valeu, Cris... seria uma boa mesmo. Grato pelo conteudo, Will

[@lorddrumond3937]

Show de bola! Ganhou mais um inscrito fera! Segura meu like!

[@will_dev]

Valeeu

[@ronaldobim]

Muito top, obrigado por compartilhar.

[@leandromaciel8484]

Excelente vídeo. Ganhou mais um inscrito!!

[@will_dev]

Valeeu

[@michaelalexandrinofreire7640]

CARA VOCÊ ME SALVOU, MUITO OBRIGADO!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@gaiek]

mais um ótimo conteúdo, parabéns. 👏

[@will_dev]

Obrigado pelo feedback :D

[@alefrrlima]

Muito bom, parabéns pelo conteúdo!

[@will_dev]

Muito obrigado :D

[@lodimateus]

muito bom! salvou meu tcc

[@gasperpb]

No lugar de receber desse cadastro como seria se recebece do banco mysql atravez da biblioteca axios??

[@ismaellisboa9155]

nesse caso teria que separar o front do beckend e criar uma conexão com seu banco de dados mysql

[@weriksantos9447]

Muito bom, me ajudou bastante. Parabéns!

[@will_dev]

Valeeu :D

[@guilhermegoncalves8428]

Cara que vídeo sensacional estava querendo aprender fundamentos sobre a criação de logins e cair aqui, seu video me ajudou muito, obrigado e sucesso!!!!

[@will_dev]

Showw, muito obrigado pelo feedback :D

[@LucasRaphael-nl9pm]

Cara seu vídeo ficou incrível, muito obrigado, vc poderia fazer unificar esse vídeo com o esse aqui CRUD full stack com Node, React e MySQL(esse vídeo tbm é seu) gostaria de saber se vc pode fazer a pagina de cadastro com autentificação com google e facebook mas guardar os dados no MySQL(exatamente a pagina de cadastro q ta no video vlw...

[@brunomaxuel2629]

Fiz um aqui, mas eu não consigo ter controle na rota, por exemplo, se eu estiver na pagina login fica /login se for pra dashbosrd /dashboard e assim por diante...

[@eliaspbareia]

Adorei o vídeo. Muito didático. Gostaria de integrar o login com o postgres ou uma api.

[@will_dev]

Valeeu

[@leonardoinhoqui]

Estou com um problema que não consigo fazer, e no seu codigo cai no mesmo problema se usuario abrir uma nova aba ou voltar a pagina ele cai no login novamente porem deveria manter na home isso é tão facil controlar no php com session mas react js eu estou tomando uma surra pra conseguir fazer.

[@Python_and_data]

Mds vc salvou a minha vida

[@stefanpicciani1551]

Top demais irmão!

[@will_dev]

Valeeu

[@wilsonndembuzadala7452]

Parabens Professor, que Deus lhe abençoe, agora só vou atras de montar a tela da home.

[@will_dev]

Showw

[@VictorGamesBR]

Salve! Mano, ali no 5:19 quando você usa o "rafce" as divs dentro do return elas quebram, não deixando funcionar o código, quais extensões você esta usando?

[@will_dev]

Salve! Então, eu uso essa 'ES7+ React/Redux/React-Native snippets'

[@rapaz1163]

@Victor GamesBR sei que é um comentario antigo, porem, tente rfc

[@carlalesley5807]

Boa tarde pessoal, alguém poderia me ajudar... meu código logo no inicio, depois que importo o GlobalStyle o código quebra, não funciona mais, alguém pode me ajudar?

[@sinhuu.s2]

puta merda cara, que vídeo absurdo de bom

[@will_dev]

Valeeu

[@KeeviinBMTH]

Muito bom o conteúdo cara, neste caso, como faria pra pegar os dados do banco de dados?

[@will_dev]

Obrigado pelo feedback. Teria que integrar com um banco de dados, aqui no canal eu tenho alguns exemplos trabalhando com o firebase.

[@SP34CT]

Como vc faz isso? Vc simplesmente clica e o código aparece, isso e alguma extensão?

[@will_dev]

Opaa, não. Eu coloco o código vou removendo ele, e depois dou ctrl + z para ir desfazendo e aparecendo :D

[@SP34CT]

@@will_dev hahahaha, muito boa a sua didática! aula top.

[@flaviatait]

Ótima explicação

[@will_dev]

Muito obrigado pelo feedback 😃

[@Ravekx]

Parabéns muito bom!!!

[@will_dev]

Muito obrigado 😃

[@denisonkolling]

Vídeo muito bom!

[@MouraLuis]

Como instala essas bibliotecas styled-components e react-router-dom ? Estou botando este yarn add... mas não esta funcionando. Ele fala que não reconhece o comando.

[@will_dev]

Tem que instalar o yarn antes, mas se você tiver o node instalado, pode usar npm install styled...

[@giovannicarvalho6304]

o que são esses "", "" e "" que você colocou no Signin e Signup?

[@will_dev]

Eu importei todas as estilizações como C do arquivo styles, import * as C from ... Poderia ser outro nome também

[@daniloleite1523]

No tempo 9:55 porque você coloca "exact" antes de "Path"?

[@will_dev]

Para indicar que a página só vai aparecer exatamente para a rota do path

[@daniloleite1523]

@@will_dev , Show, mano! Valeu pelo retorno!!! É uma atualização do React Router, não é? Eu sofri por causa disso em um curso menos atualizado do React.

[@12danilo1245]

creio que esse exact não seja mais necessário na versão 6 do router

[@abelsena4318]

Muito top!!! Ficou show... Como você faria para tratar o erro de resposta da api na tela de login?

[@will_dev]

Obrigado pelo feedback Abel! Qualquer erro ao tentar logar? Daria para colocar em cima do botão de logar a descrição do erro.

[@soaress9971]

Ops! Só não conseguir armazenar as informações do cadastro em uma array. Ele me retorna usuário não cadastrado, mesmo cadastrando. Cannot read properties of undefined (reading 'setError')

[@will_dev]

Opa, compare com o código do repositório, o link está na descrição do vídeo

[@RuanSMC]

Mano, parabéns. Se eu quiser colocar uma logo dentro do layout de login, como faz?

[@alvin-dev]

só adicionar o

[@RuanSMC]

@@alvin-dev Essa imagem ficou fixa após logar também, eu consigo deixar uma tela para logar e outra tela como dark light colocando cores específicas?

[@alvin-dev]

pera, onde tu adiciona a img ? no app.js ou nas rotas ?

[@HeitorYT]

Agora é só integrar com um PostgreSQL, Prisma, NestJS e GraphQL :)

[@will_dev]

Valeeu

[@LucasOliveira-bc3bu]

O Meu import React from "react"; Não está funcionando, sabe me dizer porque ?

[@will_dev]

O arquivo tá com .js .ts ou .jsx? Se sim, qual o erro que dá ocorrendo?

[@joaoluizmarcelinoribeiro8201]

O projeto tem o Mock da API?

[@will_dev]

Não tem :/

[@Cocaicara]

Boa, mano! Beleza? To curtindo mt o canal. Só uma dúvida, quando você foi usar o template string no javascript, no meu vscode ele não apareceu como css os estilos. Poderia me ajudar?

[@will_dev]

Obrigado pelo feedback Victor. Então, para usar como css normal no styled components, basta instalar a extensão vscode-styled-components no seu VS Code

[@Cocaicara]

@@will_dev , certo! Então além de importar os styleds-components preciso também da extensão no vscode? Valeu!

[@will_dev]

@@Cocaicara isso

[@nino_Oliveira]

Muito bom conteudo, salvou meu dia, to com um probleminha no meu codigo ele não estar aceitando inserir dados nos campos. Refiz o projeto e continua com a mesma falha de inserção, não acho que seja por criar o projeto com npm, sendo que você utilizou yarn, se esse fosse o caso o erro seria outro! Pode me dar uma luz pq não esta capturando os dados digitados?

[@will_dev]

Verifique se passou as propriedades value e onchange para os inputs

[@nino_Oliveira]

@@will_dev as propriedades value e onchange foram passadas, igualmente ao tutorial.

[@viniciusmazzoli5458]

cara to querendo criar um desse so que sem a a pagina de cadastro, so que ele não esta logando com os dados que eu coloco no application

[@will_dev]

Você está validando pelo localstorage?

[@viniciusmazzoli5458]

@@will_dev acabei de ver aqui, eu queria fazer uma tela de login so que com api externa

[@will_dev]

@@viniciusmazzoli5458 hmm, teria que ver alguns exemplos na net para facilitar teu entendimento, pior que não trouxe nada sobre isso ainda :/

[@HeitorYT]

Mas tem como integrar sapoha com banco de dados? Pq acho que quando dar um build no projeto ele deixa de funcionar com banco de dados -_-

[@will_dev]

Sim, o banco de dados vai ter que estar disponível daí quando subir

[@HeitorYT]

@@will_dev ata ;-;-;-;-;

[@devTainaFarias]

11:13 Auth

[@mundodoprogramador404]

e como que salva em um postgres ?

[@will_dev]

Não tenho ainda nenhum exemplo com PostgreSQL, mas fiz uns projetos aqui no canal com Fireblade e MySQL

[@diariodebordo3010]

Parabéns pelo conteúdo, ficou muito instrutivo 👏 Estes códigos estão em algum repositório, como o github ?

[@will_dev]

Muito obrigado pelo feedback! Sim, eu deixo o link do repositório de cada projeto na descrição dos vídeos.

[@lucasm.5759]

mas onde eu puxo as informações de uma api ?

[@will_dev]

Teria que consumir uma api com o fetch ou axios, aqui no canal tem uns vídeos de intereção com o backend

[@estevaolibardi]

como assim no routes signed > 0 ??????

[@will_dev]

É apenas uma forma de verificar se o user está logado

[@luantadeu3833]

Ta dando problema no meu filter, alguem sabe me ajudar?

[@will_dev]

Tenta comparar com o repositório

[@ancelmoalves1116]

Show! apesar de não entender nada kkkk. Amigo você presta serviços pra terceiros? Preciso de criar uma tela de login pra um plugin que criei.

[@will_dev]

Opa, pior que no momento não mano

[@boraliviver]

Muito obrigado

[@will_dev]

Valeeu

[@Onlinesmartv]

TOP MUITO BOM

[@will_dev]

Obrigado pelo feedback :D

[@marcioantonio7185]

muuuuito complicado, meu Deus!

[@will_dev]

Aos poucos descomplica rs

[@oklahoma99]

vc teria alguma rede social pra tirar duvidas com vc ? tipo discord

[@will_dev]

Olá, no momento não tenho.