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

Подписаться 367 тыс.

Просмотров 126 тыс.

50% 1

Faaaala dev! 💜
Autenticação sempre foi uma pedra no sapato na hora de controlar isso no front-end, seja na web ou no mobile, mas com a Context API e os hooks, isso se torna um processo muito mais simples.
Nesse vídeo mostro o processo inteiro de autenticação no React Native, desde a chamada à API para o back-end, rotas autenticadas e o storage e compartilhamento de estado entre os componentes.
Bora lá conferir? 🚀
-----
Acompanhe a Rocketseat nas redes sociais:
Site: www.rocketseat.com.br
Twitter: / rocketseat
Facebook: / rocketseat
Instagram: / rocketseat_oficial
Comunidade: comunidade.rocketseat.com.br
Blog: rocketseat.com.br/blog
Ouça também:
Spotify: spoti.fi/2PwXeUp
Anchor.fm: anchor.fm/faladev
Apple Podcasts: apple.co/2pReOrN
Google Podcast: bit.ly/2Cgj077

Опубликовано:

27 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 396

@LuizCarvalhoCOM Год назад

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

@gabrieltoledo5082 3 года назад

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

@elvesw 4 года назад

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

@Joe-zw1qt 4 года назад

@dot_slash5720 4 года назад

@henriquemartins8401 4 года назад

ja tem aqui no canal

@Joe-zw1qt 4 года назад

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

@rocketseat 4 года назад

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

@fabiofreitasbr 2 года назад

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

@david75186 4 года назад

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

@douglasnickson9117 3 года назад

Como sempre, vídeo excelente. Obrigado!

@mauricimendes5669 4 года назад

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

@GiuDrawer 3 года назад

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

@RaphaelAzeredo 4 года назад

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

@guilhermedasilva9289 4 года назад

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.

@WNFelix 3 года назад

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

@vitorklein4005 3 года назад

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

@johnnymoreira7859 4 года назад

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

@yohanlopes1847 3 года назад

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.

@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!

@andre_zagatti 4 года назад

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

@darlandsv 4 года назад

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

@guilhermedasilva9289 4 года назад

Fico impressionado com a qualidade do conteúdo.

@samerkayali4525 4 года назад

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

@LeandroOtonii 4 года назад

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.

@podcastsbrcortes5621 2 года назад

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

@kataik_ 4 года назад

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

@nicolasnathancampos5266 4 года назад

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 :)

@acm.marques 3 года назад

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!!

@anddersonrds 4 года назад

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 4 года назад

Valeeu pelo apoio, Anderson! 💜💜

@jesimiel81 4 года назад

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

@pauloreis7093 4 года назад

Puxa, que vídeo monstro! Sensacional!

@henriqueoliveira1985 2 года назад

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

@ofamigeradoudd 4 года назад

Que conteúdo top! Parabéns

@negasuja 4 года назад

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

@vitorreis6096 4 года назад

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

@rocketseat 4 года назад

Nós temos certos poderes 👀🔮 😂😂

@wagmedrado 2 года назад

Muito bom. Me fez mudar de nível

@descomplicandogame4727 2 года назад

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.

@M4J0R97 4 года назад

Justamente o que eu estava procurando 😍

@Hiagoleof250 3 года назад

Que ajuda velho!!! Eu te amo manooo

@pedrosancao 4 года назад

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

@joaopaulolacerda911 Год назад

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

@tiagocunhafernandes6607 4 года назад

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!

@kataik_ 4 года назад

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

@jasonloureiro7095 3 года назад

Valeu Diego, ótimo tutorial!!!

@douglaluisdutra Год назад

muito bom! parabéns e muito obrigado!

@leonardorabelo4352 4 года назад

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

@samuelvincenzo3573 2 года назад

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

@rocketseat 2 года назад

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

@guilbervieira 11 месяцев назад

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

@marcospadilha3634 Год назад

Vocês são SENSACIONAIS, APENAS!

@apolosilva7505 Год назад

Ajudou bastante, obrigado.

@KevinMadalossoVeiga 3 года назад

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

@rocketseat 3 года назад

Valeeeeu, Kevin! 😍 🚀

@caducastanha5645 4 года назад

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

@rocketseat 4 года назад

Valeeu pelo feedback, Cadu! 💜💜💜

@talithamad 4 года назад

Muito bom! Me ajudou bastante! :)

@brunolombardi1512 4 года назад

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

@vinihvc 4 года назад

hmmm

@gabrielcostamusicc 3 года назад

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

@LeonardoPennaOFC 4 года назад

Diego de volta , finalmente!

@rocketseat 4 года назад

💜🤩

@gavranhas 3 года назад

Show de bola, Diego! Valeu!

@jonataoliveira1403 4 года назад

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

@marcusvpu 4 года назад

eu tb man !! da hora ne :)

@viniguerrero 2 года назад

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

@matheuscostajs 6 месяцев назад

Valeu galera, esse vídeo salvou!

@fabinSilvas 3 года назад

Conteúdo top demais

@RodrigoSD383 3 года назад

Essa aula esta salvando minha vida

@rocketseat 3 года назад

Woow! Que massa que curtiu, Rodrigo! 💜

@kochgamers 3 года назад

salvou mto aqui no meu projeto com o firebase

@MrCaioragazzi 4 года назад

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

@rocketseat 4 года назад

Vaaaleu Caio! 💜

@antonioedinadson 2 года назад

Obrigado, pela aula.

@phelipeviana9184 2 года назад

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

2 года назад

Mereceu o like!!!

@kiew661 4 года назад

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

@rocketseat 4 года назад

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

@ricardoabreum 4 года назад

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?

@Matheus-qv7yw 4 года назад

obrigado Rocket, amo vcs

@rocketseat 3 года назад

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

@chewbacca01 4 года назад

Que aula, parabéns Diego!

@rocketseat 4 года назад

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

@mecatronicacomreciclagem656 4 года назад

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

@rocketseat 4 года назад

Vaaleu pelo feedback 💜

@EduardoPinaCampinas 4 года назад

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

@rocketseat 4 года назад

Vaaaleu pelo feedback, Eduardo! 💜

@pbvinicius 2 года назад

Show de aula!!

@AdrianoTonetto 4 года назад

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

@LucasMerencia 4 года назад

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 4 года назад

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

@tiagopaees 4 года назад

Ótimo conteúdo! Vídeo sobre o setup do lint seria muito bom!

@brunorusso7607 4 года назад

Valeu man!!! Muito bom !

@ferprado5557 3 года назад

Sensacional !!! Video excelente

@rocketseat 3 года назад

Faaala, Fernando! Vaaaleu!! 💜 😍

@lazytwx7542 4 года назад

Muito legal

@ThiagoPereira-jw7js 2 года назад

Valeu demais !

@monaliiiiiiiza 4 года назад

Caraiiiii, muito top! Valeu Diego!!!

@rocketseat 4 года назад

Valeeeu! 💜 Diego é show, né? 💜

@_heydav 2 года назад

Diego, eu te amo 💜

@PedroHenriqueTSI 4 года назад

Show dev!

@kmoreira-dev 3 года назад

Sensacional brow!! deixei aquele like (y)

@jonathanVideira 3 года назад

Que didática!

@juliakimura2696 3 года назад

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 3 года назад

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! 💜

@luistitossaiete9850 3 года назад

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 3 года назад

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

@giovaniamaral1564 3 года назад

Esse diego é foda!

@misaruto 3 года назад

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.

@bernardoborgesgamer7877 3 года назад

Muito bom, obrigado.

@rocketseat 3 года назад

Valeeeu, Leandro! 💜

@rafaelinacio7148 4 года назад

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 4 года назад

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