Mesmo o vídeo tendo 2 anos. Hj, em 2022. Foi o melhor vídeo que explica Context Api que eu achei. Sem TS, simples, direto. Aquela explicação de Props D… porra. Deveria fazer mais vídeos.
Eu aqui sofrendo pra achar algo que explique de forma rápida e fácil e Context API e encotrei isso. Toma meu subscribe, explicou de uma forma mto simples!
Mateus, muito obrigado. Estou desde as 9 da manhã de sexta (12) tentando fazer entender o context e fazer o login no RN com o react-navigation 5. E depois de tantos vídeos esse seu me fez abrir a cabeça. Muito obrigado. Está de parabéns.
a tua didática é muito boa, nunca tinha visto nenhum video explicar o contexto api em 7 min tao bem claro assim, a unica ressalva fica por conta da fonte, ou zoom, ta ruim pra quem nao tem um monitor full hd, mas no demais, parabéns!
Mateus, é uma pena q vc tenha desistido do canal. Mas espero q vc esteja bem. Me ajudou muito com esse vídeo, mesmo sendo de 2020. Me inscrevi no canal.
Mateus, parabéns pelo conteúdo, gostei demais, muito bom. Só uma observação, você poderia deixar a letra do código um pouco maior, a letra e pequena e em alguns momentos fica difícil acompanhar o vídeo. Mas parabéns, novamente pelo conteúdo e continue produzindo.
Caso alguém esteja vendo esse vídeo no fim de 2020, tive problemas com a versão do history que não renderizava componentes, tente utilizar a versão 4.10.1
Se o seu history.push( ) não estiver funcionando, verifique se vc não está usando o BrowserRouter do react-router-dom por volta do router que está por volta do seu App.js
Fiquei com a seguinte dúvida: a forma como está buscando os usuários impede a página de carregar até que os dados cheguem? Costumo fazer assim: useEffect( () => { api.get(`/users`) .then((res) => {setUsers(res.data)}) }, []) Vídeo muito bom, parabéns!
meu nobre! estou começando neste mudno de reactjs/nodejs há menos de 1 mês. eu vim do clipper e não sabia nada. primeiro fui pro delphi q é semelhante ao q já estou acostuamdo. consegui fazer um servidor q responde requisições usando o firebird 3.0 e o meu front-end (mobile/desktop), já até está em produção na google play console (play store). Daí vi a necessidade de se entrar dentro do iphone com meu app e a forma mais econômica q encontrei fui fazendo uma versão web do meu app. Enquanto q no app nenhum usuário vê as rotas, diferentemente no navegador, apesar de a gente personalizar, mas, elas ficam visíveis. Não uso JWT, mas, somente Basic Auth q está no servidor e dentro do mobile/desktop. Pergunto: como q protejo minhas rotas, mesmo se o usuário conseguir burlar o localStorage com o mínimo de intervenção em meu servidor e consequentemente não atrapalhar o mobile/android já publicados? gratidão antecipadamente, se vc ou alguém puder me ajudar.
Mano curti muito sua aula, me ajudou muito e estou usando sua metodologia. Porem tenho uma duvida e vou dar exemplo como se fosee um app ja em andamento. Ex: Loguei no app de boa, fiz tudo oq tinha de fazer e n cliquei no sair, eu simplesmente mudei a url pra bater no /login, o certo seria Deslogar o cara logado ?
PERGUNTA: Seria interresante colocar interceptors? E quando o usuario limpar o localhost sem fazer logou? E se ele mesmo invalidar o proprio token alterando ele?
to com problema em relação ao token expirar, defino 1min por exemplo, só pra testar, apôs 1min, o token esta expirando e realmente não envia mais os dados do server pra mim, mas o infeliz ainda continua no "/home", ele não da um location pro "/" porque o diabo aidna continua cadastrado na minha storage
Uma coisa que eu não entendi, é que usando next, eu não consigo usar o contexto dentro de um getServeSideProps, ainda tenho que acostumar com esse lance de front e back ainda, como é tudo Javascript e as vezes até no mesmo arquivo, eu fico um pouco perdido as vezes
Uma dúvida que eu tenho é que, eu tenho que criar um provider pra cada contexto que eu tiver e ficar envolvendo o App com esses providers. Teria alguma forma de ter um provider global, digamos, e aí esse provider receber os contextos?
Muito bom mano. Mas em questão específica de autenticação, tudo o que foi feito aí eu consigo fazer usando só o axios, por exemplo, no armazenamento ou deleção do token no header eu uso o interceptor do axios, assim como também o armazenamento no localStorage. Então meu questionamento é: Se existe, qual a vantagem em usar o Context para autenticação ?
O jeito que vc ensina faz coisa dificeis parecer facil e ate hoje so vi nesse youtube dois canais esse teu e o desse cara aqui th-cam.com/video/zDmNNvLCKHo/w-d-xo.html, muitos sabem das coisa mas poucos sabem transmitir e vc e ele sao duas pessoas que SABEM MUITO! mais um inscrito pro seu canal sucesso ai!
Mateus estou com uma dúvida, quando tento acessar pelo celular e coloco o username e a senha pressiono entrar nada acontece no browser do celular existe o localstorage? pq nada acontece
e como fariamos para receber os dados do formulario no handleLogin ? sendo que ele está em outro arquivo e geralmente usamos o state pra fazer o envio das informações e etc ...
Alguém me socorre? Preciso de uma ideia como fazer um login com a opção de "remember me" no login. Eu sei que o localstorage serve pra isso o problema e qdo a opção tá desmarcada. Eu guardo as informações onde?
Existe uma alternativa ao localstorage chamada sessionStorage que apaga os dados assim que o usuário sair da página, veja mais nesse link: developer.mozilla.org/pt-BR/docs/Web/API/Window/sessionStorage Espero ter ajudado!
Ficou bom, porém salvar o token no local storage não é seguro, é uma forma de entender como funciona e talz, porém não é seguro, vejo muitos com essa dúvida, estou pensando em criar um artigo abordando todo esse tema complexo...
Cara ja to estudando o context api por um bom tempo, e uma coisa que não entendi até agora é o motivo de seu uso, porque se ao atualizar a pagina basicamente perde o acesso as informações diretamente do context api, entao pra solucionar isso usamos o localstorage ou qualquer outra forma de store secundário. Entao eu me pergunto porque não salvar diretamente ja no localstorage esses dados se oq vai funcionar no fim das contas é apenas isso mesmo. Eu até agora não consegui entender o real motivo ou necessidade desse context api funcionar se temos que faze-lo com auxilio de outras funcionalidades externas
Ótima dica, tenho uma dúvida: posso usar o context api para aplicações grandes também ou uso o redux para isso? Por que acho que aprender algo que acho complexo como o redux e aprender também o context que é mais tranquilo, parece ser meio estranho. Mas apenas uma duvida de iniciante nesse mundo react mesmo. Valeu grande abraço e parabéns pelo vídeo.
O cara simplesmente resumiu o React em 30min. haha, valeu!!
Mesmo o vídeo tendo 2 anos. Hj, em 2022. Foi o melhor vídeo que explica Context Api que eu achei. Sem TS, simples, direto. Aquela explicação de Props D… porra. Deveria fazer mais vídeos.
Vai me ajudar muito seu video, estou criando isso num projeto da empresa, mas estamos usando c# no backend vai me auxiliar demais a lógica do jwt
Eu aqui sofrendo pra achar algo que explique de forma rápida e fácil e Context API e encotrei isso.
Toma meu subscribe, explicou de uma forma mto simples!
Cara, que massa o seu vídeo, foi a melhor explicação sobre contextAPI que já vi, simples, e direto
Melhor explicação que eu vi até hoje. Parabéns
Código limpo, excelente didática e todas as pontas bem amarradinhas. Parabéns e muitíssimo obrigado! 👊👊
Valeeeeeu!! 🔥🔥🙏
Mateus, muito obrigado. Estou desde as 9 da manhã de sexta (12) tentando fazer entender o context e fazer o login no RN com o react-navigation 5. E depois de tantos vídeos esse seu me fez abrir a cabeça.
Muito obrigado. Está de parabéns.
a tua didática é muito boa, nunca tinha visto nenhum video explicar o contexto api em 7 min tao bem claro assim, a unica ressalva fica por conta da fonte, ou zoom, ta ruim pra quem nao tem um monitor full hd, mas no demais, parabéns!
Valeu Fera! Matou uma charada aqui com o esquema do loading!
Excelente haha quando eu dava f5 minha aplicação perdia o login haha assistindo o video resolveu obrigada :D
Ganhou um assinante para o seu canal no primeiro vídeo a que assisti. Excelente didática!
Mateus, é uma pena q vc tenha desistido do canal. Mas espero q vc esteja bem. Me ajudou muito com esse vídeo, mesmo sendo de 2020. Me inscrevi no canal.
Parabéns pelo conteúdo Mateus! Prático e didático.
Aproveitei para criar um fork. Sucesso.
Muito didático Mateus Parabens
Finalmente uma explicação objetiva sobre este assunto!!! Obrigado! Mais um inscrito.
Me salvou, mano! Valeeu!
O lance do Loading, eu nem me liguei!
Simplesmente sensacional. Estava com esse problema chato ao dar refresh na pagina. Video ajudou bastante.
Simplesmente incrível! Há tempos estou atrás de um tutorial tão sucinto, direto e simples como esse! *.*
unico canal q consegui entender context com autenticacao, vlw monstro
🙏🙏🙏🔥🔥🔥
Cara, muito bom! Eu tava precisando aprender isso pra ontem aqui. Acho que esse foi o melhor vídeo do assunto que achei
Muito bom! Estava cheia de dúvidas e você conseguiu simplificar demais o conteúdo. Valeu!
Dale Mateus!
Ótima didática, meu bom!
Essa semana mesmo tava procurando algum conteúdo a respeito 🤘🏻
Cara, muito bom o vídeo! Explicou de forma bem didática algo que as vezes parece ser complexo. Parabéns!
Foda demais esse conteúdo mano, parabéns.
Que conteúdo show, pensava que só conseguiria fazer a proteção com o Redux, sensacional, ótimo conteúdo.
Muito bom, estava procurando videos sobre isso esta semana para estudar. Ótima didática, consegui entender sem dificuldades.
Conteúdo excelente, parabéns didática simples e objetiva, continue trazendo conteúdos como este!
Difícil encontrar conteúdo tão bem explicado. parabéns
que isso, kkk SURREAL ESSA AULA VELHO! parabéns!
Incrível, era exatamente isso que eu estava a procura.
Que vídeo perfeito, parabéns! Sua didática é excelente
KKKKKKKKKKKKKKKK
PERDI "BORA VÉI RESOLVE ESSA COISINHA CHATA" KKKKKKKKKKKKKKKK
Conheci agora teu canal já dei logo AQUELE LIKE maroto.
Muito Bom, tua didática é muito boa!
Ótimo vídeo mano, ótima didática também.
Só fui baitado pelo titulo do vídeo achando que seria a validação do token JWT e tal kkkk
Mas mandou muito!
Muito bom, conteúdo claro e objetivo, parabéns !!!
Muito bom, matou dois coelhos com uma cajadada, Context API e autenticação
Muito bom cara, me salvou!
Muito bom o vídeo! Simplificou bastante as coisas.
muito bem meu caro! vc é muito bom, vlw pelo vídeo!
Maravilha. Baita qualidade. Mais um inscrito.
Brigadao Renan 🙏🔥
Caraa voçe e muuuuuuuto top, muito obrigado por nos ajudar.
Monstro sagrado
Como que faço na parte do login em vez dos dados serem estáticos eu enviar os dados email e password pra API ai ela retornar o token e etc
Material top. Vou usar Context API nos projetos menores
Boooa Will! Context é lindo 😂
boa Mateus!!! muito bom mano
Mateus, parabéns pelo conteúdo, gostei demais, muito bom. Só uma observação, você poderia deixar a letra do código um pouco maior, a letra e pequena e em alguns momentos fica difícil acompanhar o vídeo. Mas parabéns, novamente pelo conteúdo e continue produzindo.
Muito bom, muito obrigado pela ajuda. Forte abraço.
show, velho. Seria mt massa se vc fizesse isso com typescript
Valeu Mano! ajudou muito aqui no meu aprendizado e ta ajudando a concluir meu projeto de férias! Obrigado pelo conteúdo!
Vlw bro, Seu vídeo me ajudou demais ❤
Show. Ótima didática, aprendi bastante com esse exemplo bem simples
Muito bom!!!! Obrigado!
Top, me ajudou muito a melhorar meu código, obrigado!
Show Mateus! Excecional!
Mais um inscrito!
Valeu manoo! 🔥🔥
Caso alguém esteja vendo esse vídeo no fim de 2020, tive problemas com a versão do history que não renderizava componentes, tente utilizar a versão 4.10.1
Valeu, Rafael! Tava quebrando a cabeça aqui
Esse erro?
Attempted import error: 'history' does not contain a default export (imported as 'history')
Se for, não consegui resolver...
Valeu aqui consertou tbm, depois de uma tarde procurando o problema, achei nos comentários kkkk
QUE CONTEÚDO BOMM
Obrigado pelo seu conteudo, me ajudou a entregar um freela hehe
Ótimo video! Parabéns!
Suas aulas são boas, você dá aula particular por vídeo de react-native? Gostei da sua gentileza e calma na hora de explicar
Se o seu history.push( ) não estiver funcionando, verifique se vc não está usando o BrowserRouter do react-router-dom por volta do router que está por volta do seu App.js
Nossa, salvou demais! valeu kkk
Cara curti muito sua didatica e a maneira clara de explicar por acaso você possui algum curso de react em alguma plataforma!
Mano, qual é o nome dessa extensão que cria uma linha amarela entre as { }?? 9:28 aparece
Em 2021, me salvou!!!
Valeu! Vou usar em meu projeto.
Cara!!! Continue com os videos, tenta trazer conteudo de React com TS que vc vai voar demais!!!
Vou providenciar!
Fiquei com a seguinte dúvida: a forma como está buscando os usuários impede a página de carregar até que os dados cheguem?
Costumo fazer assim:
useEffect( () => {
api.get(`/users`)
.then((res) => {setUsers(res.data)})
}, [])
Vídeo muito bom, parabéns!
Just saved me! hahaha vlw cara
Muito boa a aula
meu nobre! estou começando neste mudno de reactjs/nodejs há menos de 1 mês. eu vim do clipper e não sabia nada. primeiro fui pro delphi q é semelhante ao q já estou acostuamdo. consegui fazer um servidor q responde requisições usando o firebird 3.0 e o meu front-end (mobile/desktop), já até está em produção na google play console (play store).
Daí vi a necessidade de se entrar dentro do iphone com meu app e a forma mais econômica q encontrei fui fazendo uma versão web do meu app. Enquanto q no app nenhum usuário vê as rotas, diferentemente no navegador, apesar de a gente personalizar, mas, elas ficam visíveis. Não uso JWT, mas, somente Basic Auth q está no servidor e dentro do mobile/desktop.
Pergunto: como q protejo minhas rotas, mesmo se o usuário conseguir burlar o localStorage com o mínimo de intervenção em meu servidor e consequentemente não atrapalhar o mobile/android já publicados?
gratidão antecipadamente, se vc ou alguém puder me ajudar.
Muito dahora
Olá, o localStorage seria o lugar mais indicado de guardar o token?
Mano curti muito sua aula, me ajudou muito e estou usando sua metodologia. Porem tenho uma duvida e vou dar exemplo como se fosee um app ja em andamento. Ex: Loguei no app de boa, fiz tudo oq tinha de fazer e n cliquei no sair, eu simplesmente mudei a url pra bater no /login, o certo seria Deslogar o cara logado ?
Muito bom
PERGUNTA: Seria interresante colocar interceptors? E quando o usuario limpar o localhost sem fazer logou? E se ele mesmo invalidar o proprio token alterando ele?
to com problema em relação ao token expirar, defino 1min por exemplo, só pra testar, apôs 1min, o token esta expirando e realmente não envia mais os dados do server pra mim, mas o infeliz ainda continua no "/home", ele não da um location pro "/" porque o diabo aidna continua cadastrado na minha storage
brigado
Uma coisa que eu não entendi, é que usando next, eu não consigo usar o contexto dentro de um getServeSideProps, ainda tenho que acostumar com esse lance de front e back ainda, como é tudo Javascript e as vezes até no mesmo arquivo, eu fico um pouco perdido as vezes
Uma dúvida que eu tenho é que, eu tenho que criar um provider pra cada contexto que eu tiver e ficar envolvendo o App com esses providers. Teria alguma forma de ter um provider global, digamos, e aí esse provider receber os contextos?
Muito bom, mano
Muito bom, como faço para proteger a rotas no Nextjs usando esse processo do vídeo?
Uma dúvida. E sé a Api precisar pega os dados do Form no login invés de ser static ? poderia explicar ?
Eu fico muito triste quando encontro um tutorial legal e vejo que o TH-camr tem menos de mil vídeos. Vamo concertar isso aí?
Muito bom mano.
Mas em questão específica de autenticação, tudo o que foi feito aí eu consigo fazer usando só o axios, por exemplo, no armazenamento ou deleção do token no header eu uso o interceptor do axios, assim como também o armazenamento no localStorage.
Então meu questionamento é: Se existe, qual a vantagem em usar o Context para autenticação ?
O jeito que vc ensina faz coisa dificeis parecer facil e ate hoje so vi nesse youtube
dois canais esse teu e o desse cara aqui th-cam.com/video/zDmNNvLCKHo/w-d-xo.html, muitos sabem
das coisa mas poucos sabem transmitir e vc e ele sao duas pessoas que SABEM MUITO!
mais um inscrito pro seu canal sucesso ai!
Como consigo manter o login após o reload da pagina? Tenho q armazenar o estado de "authenticated" no storage?
Estou com a mesma dúvida
Mateus estou com uma dúvida, quando tento acessar pelo celular e coloco o username e a senha pressiono entrar nada acontece no browser do celular existe o localstorage? pq nada acontece
+1 Inscrito, ajudou d+
e como fariamos para receber os dados do formulario no handleLogin ? sendo que ele está em outro arquivo e geralmente usamos o state pra fazer o envio das informações e etc ...
Passa os dados por parametro para a funcao handleLogin
Muito bom!
Que bom que curtiu Edu! 🔥🔥
muito bom!
Alguém me socorre? Preciso de uma ideia como fazer um login com a opção de "remember me" no login. Eu sei que o localstorage serve pra isso o problema e qdo a opção tá desmarcada. Eu guardo as informações onde?
Existe uma alternativa ao localstorage chamada sessionStorage que apaga os dados assim que o usuário sair da página, veja mais nesse link: developer.mozilla.org/pt-BR/docs/Web/API/Window/sessionStorage
Espero ter ajudado!
Ficou bom, porém salvar o token no local storage não é seguro, é uma forma de entender como funciona e talz, porém não é seguro, vejo muitos com essa dúvida, estou pensando em criar um artigo abordando todo esse tema complexo...
professor se eu tivesse a senha e o email(usestate),ele ficaria no context ou ficaria no componente????
13:20 context
Cara, como eu faria para ele não mostrar o "/" se o cara já estiver logado?
Valeu!!
Cara ja to estudando o context api por um bom tempo, e uma coisa que não entendi até agora é o motivo de seu uso, porque se ao atualizar a pagina basicamente perde o acesso as informações diretamente do context api, entao pra solucionar isso usamos o localstorage ou qualquer outra forma de store secundário. Entao eu me pergunto porque não salvar diretamente ja no localstorage esses dados se oq vai funcionar no fim das contas é apenas isso mesmo. Eu até agora não consegui entender o real motivo ou necessidade desse context api funcionar se temos que faze-lo com auxilio de outras funcionalidades externas
Ótima dica, tenho uma dúvida: posso usar o context api para aplicações grandes também ou uso o redux para isso? Por que acho que aprender algo que acho complexo como o redux e aprender também o context que é mais tranquilo, parece ser meio estranho. Mas apenas uma duvida de iniciante nesse mundo react mesmo. Valeu grande abraço e parabéns pelo vídeo.