Autenticação no React Native / ReactJS com Context API & Hooks | Masterclass #12

[@LuizCarvalhoCOM]

2 anos e esse vídeo ainda é uma mão na roda. Obrigado galera!

[@gabrieltoledo5082]

Diego e Rocketseat, nossa esse vídeo coube como uma luva para o app que estou desenvolvendo, sem vocês eu não estaria tendo êxito no código. Muito obrigado!! :D

[@viniguerrero]

Esse é com certeza absoluta o melhor video da história e do canal da Rocketseat! Parabens pelo conteudo show de bola Diegão, abraço!

[@LuizCarvalhoCOM]

kkkkk tbm achei... Sério

[@LucasMerencia]

Cara, já trabalho a um bom tempo como desenvolvedor, e comecei recentemente a estudar react-native para projetos pessoais. Bro, esta master class destravou muita coisa. Obrigado!

[@rocketseat]

Que feedback incrível, Lucas! Valeu!! 💜

[@descomplicandogame4727]

existem pessoas más, existem pessoas que não se importam, existem pessoas boas e existe o time da RocketSeat, que Deus abençoem todos vocês.

[@TransplantadoTV]

Muito top!! Melhor video de react-native que eu vi até agora. Vai me resolver uma semana inteira de trabalho, nao pq é só copiar seus passos. Mas pq vc fez entender. Show de bola, Diego! Parabéns e obrigado!

[@rafaelinacio7148]

Cara, uma das melhores sensações e pensar que alguns meses atrás eu vendo o mesmo vídeo não entenderia nada, e agora entendo praticamente 100% do conteúdo.

[@rocketseat]

Caramba, que massa, Rafael! 💜 Parabéns 👏👏

[@yohanlopes1847]

Diego, eu te amo pô. Sério mesmo. Muito competente e já salvou meu pescoço umas mil vezes. Sem dúvidas um dos maiores educadores de ti do youtube. Abraço bem grande e nunca pare com esse trabalho.

[@juliakimura2696]

Diego tu salvou minha vida, preciso fazer uma aplicação e nunca tinha feito um app antes profissionalmente, como diz Filipe, esse video ta uma delicinha

[@rocketseat]

Faaaala, Julia! Que bom que o conteúdo te ajudou de alguma forma! 😍 Espero que essa seja a primeira de *muitas* aplicações! Conte com a nossa comunidade sempre! 💜

[@nicolasnathancampos5266]

Meu Deus... esses maluco tem o dom de ensinamento. Eu estava atrás de fazer login com redux e.t.c e só com esse video já me sanou bastante coisa e bastante dúvida, parabéns aos envolvidos de verdade :)

[@anddersonrds]

24.4k de views e apenas 1.5k likes, qual é galera? Vamos ajudar a comunidade que tantos nos ajuda, assistiu e gostou? Curti pelo menos, isso ajuda muito. Como sempre uma excelente aula @Rocketseat :)

[@rocketseat]

Valeeu pelo apoio, Anderson! 💜💜

[@EfraimDays]

Adorando react native principalmente pela comunidade Br ser tão forte em comparação com as outras tecnologias

[@marcosatsantana]

uai, só eu ja vi esse mesmo video umas 3 vezes kk

[@mauricimendes5669]

Se desse para dar mais de um like... É sensacional o nível e quantidade conhecimentos que a Rocketseat consegue transmitir... #NLW

[@johnnymoreira7859]

Ao Time da Rocketseat Vocês são demais, parabéns pelo trabalho que vem desempenhando. Eu sempre pesqueisei por tutoriais em inglês, desde que conheci a Rockeseat, passei a pesquisar pelos seus conteúdos primeiro, caso eu não encontre o que eu quero, aí sim vou pra gringa. Grato pelo esforço da equipe

[@RaphaelAzeredo]

Pena que só da para dar like uma vez, adorei o conteúdo, parabéns Diego

[@LeonardoPennaOFC]

Diego de volta , finalmente!

[@rocketseat]

💜🤩

[@joaopaulolacerda911]

a Rocket sempre ajudando a comunidade muito top essa aula bora curtir esse video galera pra ajudar a comunidade

[@elvesw]

Pedido, faz o vídeo de toda sua configuração de eslint, etc...

[@Joe-zw1qt]

Up

[@dot_slash5720]

up

[@henriquemartins8401]

ja tem aqui no canal

[@Joe-zw1qt]

@@henriquemartins8401 mas o q ele iria postar seria mais atual, dá forma q ele usa e bem mais detalhado

[@rocketseat]

Faala, Elves! A configuração do ESLint é muito particular, varia muito de projeto para projeto, e também entre as linguagens... 💜

[@LeandroOtonii]

Diego do heaven! Sempre achei que era coisa demais usar o Redux só pra controlar autenticação, essa dica chegou no timing perfeito. Vai me ajudar demais, muito obrigado e vê se não some, já estava sentindo falta das suas aulas.

[@samerkayali4525]

Muito Obrigado!!! essa aula preencheu tantas lacunas do meu conhecimento que até pareceu qeu ela foi feita pra mim

[@brunolombardi1512]

Ahhh estava só esperando mais um vídeo delicinha de vocês. Pera.. é estou no canal certo.

[@vinihvc]

hmmm

[@fabiofreitasbr]

Cara, Diego... Que conteúdo de qualidade ! Incrível, sempre incrível...

[@guilhermedasilva9289]

Conteúdo excelente, parabéns para Rocketseat e para o Diego. Não vejo a hora de ter a oportunidade de fazer um curso mais a fundo com a Rocketseat.

[@acm.marques]

Muito bom Diegão era o que eu estava buscando aprender. Você digita rápdo mano, impressionante um dia chego lá para ter todo este conhecimento da stack Thanks!!

[@darlandsv]

Putz eu procurando justamente conteúdo sobre ContextAPI com Hooks, show de bola!!

[@guilhermedasilva9289]

Fico impressionado com a qualidade do conteúdo.

[@vitorklein4005]

carraca m bom o conteúdo, me ajudo mt, eu estava bem empacado nos meus estudos com react-native por conta de autenticação, e esse vídeo me esclareceu muitas duvidas, vlw rocket, trabalho mt fera de vcs

[@fiquericoousofratentando]

contéudo top , mais impressionante é a velocidade dele programando , Diego manja muito até na velocidade de programação.

[@leonardorabelo4352]

Era tudo o que eu precisava, valeu Rocketseat! A melhor de todas!

[@KevinMadalossoVeiga]

vídeo sensacional, parabéns Rocketseat!!!

[@rocketseat]

Valeeeeu, Kevin! 😍 🚀

[@WNFelix]

Implementei em um projeto que estou desenvolvendo, ficou muito bom. Vcs são demais Diegao 👌

[@pedrosancao]

Vindo do NLW #2 Gostei bastante da explicação do contexto, parabéns pela qualidade das aulas!

[@negasuja]

Rocketseat lendo mentes de novo novamente ❤️❤️❤️

[@andre_zagatti]

Essa api de Context com os Hooks ta sensacional, uma forma de arquitetar a aplicação de uma forma limpa.

[@broksfields]

Padrão Rocketseat, parabéns pelo conteúdo!

[@douglastesch8876]

Cara, realmente não da para falar que o Diego esconde o jogo, essa master class está com o conteúdo mais quente possível guys, delicinha.

[@rocketseat]

Valeeeeu Douglas! Diego é top né? 💜

[@samuelvincenzo3573]

Vídeo Sensacional, Parabéns pela explicação de forma didática

[@rocketseat]

Que massa que curtiu, Samuel! Valeu demais pelo feedback! 💜 🚀

[@jonataoliveira1403]

Comecei a estudar ContextAPI ontem mesmo, esse vídeo veio na hora certa 👏🏻👏🏻👏🏻

[@Brewery420]

eu tb man !! da hora ne :)

[@podcastsbrcortes5621]

Muito massa, só conteúdo de qualidade nesse canal.

[@tiagocunhafernandes6607]

Diegão!! top, tinha achado que não tinha limpado o storage mas depois vi que limpo!!.. Só faltou colocar o touch pra ficar completo!

[@douglasnickson9117]

Como sempre, vídeo excelente. Obrigado!

[@gabrielcostamusicc]

FICOU MUITO BOA ESSA MASTERCLASS !!!!!!!

[@GiuDrawer]

Muito legal! Esses vídeos ajudam muito, obrigada pelo conteúdo sempre de qualidade!

[@luistitossaiete9850]

Muito massaaaa, to comecando no ReactJS, entao cheguei aqui querendo aprender uma forma de fazer autenticacao. Agora, ligando isso com as bases que tenho de Node.js, so posso chegar a conclusao de que essa combinacao [Node.js + React] é simplismente maravilhosa.

[@rocketseat]

Boaaa Luis!! Haha elas combinam muito bem mesmo! 🚀💜

[@phelipeviana88]

Você é outro nivel... parabéns Fili.. ops Diego kkkk

[@MarcosGomes-np1ke]

Fico me perguntando por qual motivo alguem negativa um vídeo da Rocketseat. De qualquer forma.. Parabéns pelo conteúdo! Vocês são fodaas

[@david75186]

meu deus, que conteúdo maravilhoso, estou implementando no meu projeto React JS sem nenhum problema! ❤️❤️❤️

[@pauloreis7093]

Puxa, que vídeo monstro! Sensacional!

[@kataik_]

Depois de um tempo, eu acabei de terminar o meu signIn e signUp. Thanks!

[@misaruto]

Tirou um tijolo do meu rim com esse video, pq foi dificil achar algo tão completo em relação as context api como aqui na Rocketseat.

[@kataik_]

Nossa, esse video veio na hr certa, salvou minha vida.

[@marcospadilha3634]

Vocês são SENSACIONAIS, APENAS!

[@vitorreis6096]

top top top. Estava precisando deste Masterclass. Hora exata!!

[@rocketseat]

Nós temos certos poderes 👀🔮 😂😂

[@Hiagoleof250]

Que ajuda velho!!! Eu te amo manooo

[@ofamigeradoudd]

Que conteúdo top! Parabéns

[@wagmedrado]

Muito bom. Me fez mudar de nível

[@denissouza8857]

Uma pena o youtube liberar apenas um like, show 🚀🚀🚀🚀

[@rocketseat]

Diego: a Denis: 👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍 💜💜💜 Vaaaleu!

[@RodrigoSD383]

Essa aula esta salvando minha vida

[@rocketseat]

Woow! Que massa que curtiu, Rodrigo! 💜

[@danielweb]

Muito obrigado pelo conteúdo O mais incrível foi ouvir o Diego falando mais rápido que Eminem😂😂. Confirma nesse trecho 1:09:20 O mais incrível é quando ele respira fundo😂😂😂😂

Perdi as contas de quantas vezes este vídeo me ajudou

[@caducastanha5645]

muito boa essa masterclass, vcs são feras demais... Parabéns!

[@rocketseat]

Valeeu pelo feedback, Cadu! 💜💜💜

[@jasonloureiro7095]

Valeu Diego, ótimo tutorial!!!

[@_heydav]

Diego, eu te amo 💜

[@MrCaioragazzi]

Que vídeo meus amigos!!! Muito obrigado Rocketseat!!!!!!

[@rocketseat]

Vaaaleu Caio! 💜

[@ricardoabreum]

Esse MasterClass foi sensacional!!! Aborda diversos conceitos importantes do React. Seria importante fazer um vídeo de como tratar o refresh_token em aplicações mobile que usam OpenId/Oauth2. Renovo o token ou autentico novamente? Precisamos salvar a senha do usuário? E se o refresh falhar, autentico novamente?

[@fernandodepaula5850]

salvou meu projeto, eu já estava arrancando os cabelos!

[@M4J0R97]

Justamente o que eu estava procurando 😍

[@gavranhas]

Show de bola, Diego! Valeu!

[@EduardoPinaCampinas]

Sensacional a masterclass!!!!! Parabens pelo aula de codigo!!!!!!!!!

[@rocketseat]

Vaaaleu pelo feedback, Eduardo! 💜

[@Matheus-qv7yw]

obrigado Rocket, amo vcs

[@rocketseat]

Também amamos todos vocês!! 💜😍

[@talithamad]

Muito bom! Me ajudou bastante! :)

[@mecatronicacomreciclagem656]

Top dmais, parabéns Diego, vai me ajudar bastante nos projetos

[@rocketseat]

Vaaleu pelo feedback 💜

[@kochgamers]

salvou mto aqui no meu projeto com o firebase

[@luisrodrigues678]

Mano, num tem conteúdo melhor nessa internet

[@rocketseat]

Awwnnn 💜💜💜 Valeu, Luis! 💜

[@fabinSilvas]

Conteúdo top demais

[@JanderSilva01]

A Rocketseat parece que sabe as dúvidas que eu estou tendo nas minhas aplicações, e faz os tutoriais em cima dessa informação.

[@rocketseat]

Nós temos certos poderes... 👀🔮

[@TheMatthewizee]

Cara... eu sou apaixonado por Vue, mas acho q o Diego vai me levar embora kkkkkkkkkk Vlw o videoo, rocketseat sempre mandando muito. Vou começar com react hoje mesmo! To até ancioso

[@rocketseat]

Hahahaha 😄😄. Valeeeu Math! 💜

[@alissonvieira2646]

Diego: "Aqui eu tenho um token armazenado..." O token: bate a cabeça aqui no teclado, bate...

[@jobsongilbertobarrosamorim2516]

Eu tinha feito exatamente isso num projeto ReactJS nesses últimos meses, quando cheguei nesse mesmo ponto eu estava bastante feliz com o resultado. Mas daí quando comecei a mexer com refresh do token e ACL roles (admin, etc, utilizando a biblioteca CASL), começaram algumas dores de cabeça. Um primeiro conflito foi nas ações abortáveis da biblioteca react-async: quando eu atualizava algum dado do contexto, ele já queria sair trocando de página antes de retornar o resultado pra página (o que fazia o react-async abortar, e me impedia também de controlar o redirecionamento na própria página). Outro problema foi fazer o refresh do token (eu acho que eu tinha usado a biblioteca axios-auth-refresh) ser refletido nos dados do contexto (por exemplo, um admin trocando seu papel para o de usuário comum pra visualizar a página como os demais usuários, ou um usuário ganhando um novo papel entre duas requisições com seu token antigo sendo invalidado para forçar um refresh). A princípio, eu queria fazer isso automaticamente (cabeçalho da resposta -> novo token -> decode -> role -> setCurrentRole), mas no fim tive que retornar o resultado pra página para ela chamar um método no contexto que daí ativava o reload da página e, novamente, caía no problema de não permitir que eu controlasse o redirecionamento. No fim, eu acabei deixando o contexto de lado e fiz o serviço de "api" ser responsável por tudo isso, mas depois caí em outros problemas com o CASL (como eu não estava armazenando os dados em estados do react, não dava pra utilizar o CASL do jeito padrão, tive que utilizá-lo meio que manualmente). Enfim, eu agora estou me dedicando em refazer essas partes e ver se desta vez eu consigo botar todos os quatro (context, react-async, CASL e token refresh) funcionando juntos.

[@kmoreira-dev]

Sensacional brow!! deixei aquele like (y)

[@DougLopes]

Engraçado o Diego no meio do video falar: "Tudo isso dá pra aproveitar pra ReactJs" porque é só por isso que eu tava assistindo aushsauhsasa

[@matheuscostajs]

Valeu galera, esse vídeo salvou!

[@giovaniamaral1564]

Esse diego é foda!

[@leonardobraz5223]

Vocês podiam fazer um vídeo explicando mais sobre Linking no Native, né? Desde a parte de manipulação de URL até receber uma intent com algum arquivo, similar ao que seria registrar no intent-filter que a aplicação é capaz de receber pdf's (por ex, criar um app para leitura de pdf no qual os pdf's poderão ser abertos por ele via "Open with..."). Conteúdo sensacional!

[@rocketseat]

Valeeu pela sugestão e pelo feedback, Leonardo! 💜

[@PedroHenriqueTSI]

Show dev!

[@brenorocha1890]

Fala Diego! Vim por indicação do meu amigo João Gabriel, dono do Atlas Plugins, e gostei muito do canal. Ele é um cara muito bacana, petista ferrenho e convicto de seus ideais comunistas. Manda um salve pra ele! Valeu

[@douglaluisdutra]

muito bom! parabéns e muito obrigado!

Mereceu o like!!!

[@kiew661]

Incrível conteúdo, você é fera mestre

[@rocketseat]

Diego é fera, né?? Valeeeu, Gilmar! 💜

[@PauloRicardo-dk6yf]

Tô de luto!!! Essa aula matou mais uma ignorância em mim.

[@skiffer5]

Redux & hooks são as coisas mais delicinha do react

[@LSensTubeer]

Muito show Diego ! Curto muito sua organização, se puder faz um vídeo do flow no react

[@rocketseat]

Vaaleu pela sugestão e pelo feedback, Luan! 💜

[@monaliiiiiiiza]

Caraiiiii, muito top! Valeu Diego!!!

[@rocketseat]

Valeeeu! 💜 Diego é show, né? 💜

[@lukasferreiraa7885]

Amei a introdução ❤

[@rocketseat]

Show de bola, né? 💜

[@lukasferreiraa7885]

@@rocketseat muito mano!! Você que o fez?

[@lucasviga12]

Aula muito boa #neverStopLearning

[@ocharlespereira]

Que homem é este Diego Deshamps, será q tem como fazer um video especifico de criação de mais Hooks e SWR? Aquele grande Abraço mestre!!!

[@luistitossaiete9850]

Ainda bem que o Diego mecionou aqui o video sobre o setup com node.js, foi muito legal e to conseguindo implementar. porem, to tendo dificuldades em lidar com o eslint no ReactJS

[@rocketseat]

Boaa, Luis! ESLint pode ser complicado mesmo até pegar o jeito, mas ele ajuda muito a manter um bom padrão de regras! 💜💜

[@ferprado5557]

Sensacional !!! Video excelente

[@rocketseat]

Faaala, Fernando! Vaaaleu!! 💜 😍

[@LucasFerronato]

COM CERTEZA, faça um vídeo de ESLINT, Prettier, typescript, etc... como comentou! Seria Sensacional!!!

[@Joe-zw1qt]

Up

[@rocketseat]

Valeu pela sugestão! 💜

[@chewbacca01]

Que aula, parabéns Diego!

[@rocketseat]

Vaaaleu pelo feedback, Alex! 💜 Diego é fera, né?

[@AdrianoTonetto]

Diego, bem que você poderia fazer um vídeo com todas as suas configurações do ESLint, Prettier e outros mais !!!