Autenticação no React Native (com TypeScript, React Navigation, React Context e Async Storage)

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 79

  • @eduardosantos5412
    @eduardosantos5412 2 роки тому +2

    video muito booooom!!!!!! quero ser membro AGORA!!
    Adorei o video, muito bem explicado e muito obrigado pelo tutorial... estava passando mal uns 3 dias quebrando a cabeça ;-; KKKKK

    • @Coffstack
      @Coffstack  2 роки тому +1

      Obrigado pelo feedback, Eduardo! Ficamos feliz demais em poder ajudar!

  • @AislanMiranda
    @AislanMiranda 2 місяці тому

    Bem explicado, mandou bem!

  • @renangaldino6538
    @renangaldino6538 11 місяців тому

    Deus te abencoe!!!! foda professor

  • @williamrodrigueswill5797
    @williamrodrigueswill5797 10 місяців тому

    Video aula muito boa pqp.

    • @Coffstack
      @Coffstack  10 місяців тому

      Valeu, William!

  • @nunes_well
    @nunes_well 10 місяців тому

    Muito bom!

  • @thiagomoreira3530
    @thiagomoreira3530 2 місяці тому

    Ajudou muito, tenho um projeto de Aplicações Móveis curso do técnico pra entregar. Essa video me salvou!

  • @anderson129
    @anderson129 9 місяців тому

    cara, parabéns pelo vídeo, realmente muito útil!

  • @douglashenrique3270
    @douglashenrique3270 11 місяців тому

    brabo meu mano!! Conteudo muito bom 💻

  • @pamelacristina6928
    @pamelacristina6928 7 місяців тому

    Aula ótimaaaaaaaa, meus parabéns para vc!

  • @codigoj5737
    @codigoj5737 2 роки тому

    video bom demais. me salvou de um fluxo chato pra caramba...Obrigadooo!!

    • @Coffstack
      @Coffstack  2 роки тому

      Feliz demais em poder ter ajudado, muito obg por assistir!

  • @oliveirafocs
    @oliveirafocs Рік тому

    Fluxo completo de autenticação, com direito a todas as etapas do processo. Aprendi muito e corrigi muitas coisas que eu fazia de outra forma, porém com menos eficiência. Conteúdo incrível de verdade! Parabéns pelo conteúdo!
    Seguidor feliz aqui. Abraço!

    • @Coffstack
      @Coffstack  Рік тому

      Valeu Felipe! Que bom que o vídeo ajudou!

  • @mikaelribeiro1114
    @mikaelribeiro1114 2 роки тому +1

    Conteúdo extraordinariamente espetacular! Parabéns!

    • @Coffstack
      @Coffstack  2 роки тому

      Muito obrigado Mikael, ficamos feliz que gostou do conteúdo! Toda semana temos vídeo novo, não deixe de acompanhar.

  • @tiagoneves7068
    @tiagoneves7068 2 роки тому +1

    já estou no aguardo do vídeo sobre o React-Query

    • @Coffstack
      @Coffstack  2 роки тому

      Vai sair um muito top mês que vem! Vamos falar do usQuery e useMutation comparando com chamadas "tradicionais" a API.

    • @thomascosta947
      @thomascosta947 2 роки тому

      @@Coffstack top

  • @papotranscommaiza
    @papotranscommaiza 2 роки тому

    Achei seu canal ótimo. Um dos melhores!!! 😄

    • @Coffstack
      @Coffstack  2 роки тому

      Muito obrigado, Maíza! Que bem que gostou, tem vídeo novo toda semana!

  • @mailsonsanfoneiro4716
    @mailsonsanfoneiro4716 Рік тому

    Muito top o conteudo e a forma que voce explica! Parabens e obrigado! 👏👏👏👏

    • @Coffstack
      @Coffstack  Рік тому +1

      Valeu Malison, tem muito mais tutoriais como esse arqui no canal! React Native, TypeScript, Redux, React Query...

  • @arthurtavares3083
    @arthurtavares3083 2 роки тому

    Salvou demais!!!

    • @Coffstack
      @Coffstack  2 роки тому

      Valeu Arthur, tamo junto!

  • @lucasjstn
    @lucasjstn 2 роки тому

    Perfeito cara!

    • @Coffstack
      @Coffstack  2 роки тому

      Valeu Lucas, tamo junto! Lembrando que o código do repositório tá na descrição, caso queira dar uma olhada!

  • @henriquealexsandereichstad8825
    @henriquealexsandereichstad8825 2 роки тому

    Parabéns pelo conteúdo!

    • @henriquealexsandereichstad8825
      @henriquealexsandereichstad8825 2 роки тому

      Precisando aprender aqui pra desenvolver o tcc kk

    • @Coffstack
      @Coffstack  2 роки тому +2

      @@henriquealexsandereichstad8825 Opa, espero que nossos vídeos estejam ajudando. Sucesso ai na jornada!

  • @carlinhosalma
    @carlinhosalma 2 роки тому

    Excelente didática, ganhou mais um inscrito.

    • @Coffstack
      @Coffstack  2 роки тому

      Muito obrigado por se escrever, José! Temos vídeos toda a semana.

  • @ianomaciel3619
    @ianomaciel3619 Рік тому +1

    cara, que explicação massa! Ficaria melhor ainda sem a música de fundo (me desconcentrou um pouco kkk)

    • @Coffstack
      @Coffstack  Рік тому

      Valeu Iano! A música ficou alta msm, mas corrigi isso nos vídeos seguintes.

  • @moenahcastro6830
    @moenahcastro6830 2 роки тому

    Bem explicado e vai direto ao ponto. Muito bom!!! Obrigada =) Sucesso.

    • @Coffstack
      @Coffstack  2 роки тому

      Valeu Moenah, ficamos feliz que gostou do vídeo! Muito obrigado por acompanhar o canal!

  • @WillianMattos
    @WillianMattos Рік тому

    Cara, que vídeo sensacional! Muito obrigado. Trabalho com desenvolvimento backend há algum tempo e recentemente resolvi aprender react native. Estou utilizando bastante o chatgpt para aprender e ter um auxilio para resolver os problemas que vão aparecendo. Alguns dos seus vídeos estão me ajudando demais também. Vc é um cara muito fera! Em um mês consegui ir aprendendo e desenvolvi um aplicativo que prometi para um cliente. Ainda tenho muito a aprender e melhorar nesse meu app, mas aos poucos vou evoluindo. Enfim, só queria agradecer pelo seu trabalho. Suas dicas são muito valiosas e o seu canal é muito bom! Que Deus te abençoe demais mano!

    • @Coffstack
      @Coffstack  Рік тому

      Top Willian, muito bom saber que meus vídeos estão te ajudando!

  • @Iucascamara
    @Iucascamara 2 роки тому

    Bom demais! Muito útil pra quem esta começando com React Context... Obrigado pelo vídeo!

    • @Coffstack
      @Coffstack  2 роки тому

      Valeu, Lucas! Que bom que ajudamos! Se tiver mais dicas de conteúdo que eira ver por aqui manda aí!

  • @eloanferreira3019
    @eloanferreira3019 2 роки тому

    Valeu, amigo! vc vai longe!

    • @Coffstack
      @Coffstack  2 роки тому

      Valeu Eloan, obrigado com acompanhar o canal!

  • @CaioAlmeida91
    @CaioAlmeida91 8 місяців тому

    Aula muito boa! pena que muram os comandos estou com problema no NavigationContainer quando uso no app.js e no rounter tenho esse erro.
    Looks like you have nested a 'NavigationContainer' inside
    another. Normally you need only one container at the
    root of the app, so this was probably an error. If this was
    intentional, pass 'independent={true}' explicitly. Note that
    this will make the child navigators disconnected from the
    parent and you won't be able to navigate between them.

    • @Coffstack
      @Coffstack  8 місяців тому

      Vc tá colocando mais de um NavigationContainer, isso não é regra nova no react navigation, sempre foi assim. Dá uma olhada na doc da versão que vc está usando

    • @CaioAlmeida91
      @CaioAlmeida91 8 місяців тому

      @@Coffstack Achei o erro estava em app.js eu estava usando o NavigationContainer. Vlww

  • @edsontesser
    @edsontesser Рік тому

    Show de aula, mas consigo utilizar essa mesma logica consumindo uma API de terceiros que utiliza oauth2 para logar?

    • @Coffstack
      @Coffstack  Рік тому

      Dá sim, você só precisa adaptar a sua camada de API, o resto da pra fazer da mesma forma. Provavelmente também vai precisar adicionar alguma lógica para refresh token.

  • @naldinhomimoso7862
    @naldinhomimoso7862 Рік тому

    mudaria muita coisa utilizando um backend proprio ?
    Se puder exemplificar agradeço

  • @gellmesquita
    @gellmesquita 2 роки тому

    Obrigado Mano, falo direitamente de Angola...

    • @Coffstack
      @Coffstack  2 роки тому

      De nada Gelson, abraço para você e todo o povo de Angola que acompanha o canal!

  • @TudoXbox
    @TudoXbox 4 місяці тому

    Criei um apk mais ele fecha assim q abre, e no emulador rodando direto não dá nem um erro

  • @marcioantonio5979
    @marcioantonio5979 2 роки тому

    Muito Bom

  • @alexgameplay54
    @alexgameplay54 2 роки тому +2

    Alguém mais além de mim teve erro ao usar o children?
    foi nessa parte:
    export const AuthProvider: React.FC = ({children}) => {
    aparece que Property 'children' does not exist on type

    • @Coffstack
      @Coffstack  2 роки тому +3

      Provavelmente é por causa da sua versão do React, na versão 18 eles mudaram a tipagem do React.FC. Agora você precisa escrever sua própria interface.
      interface Props {
      children: React.ReactNode;
      }
      export const AuthProvider: React.FC = ({children}) => {...
      Você pode ver com mais detalhes aqui: stackoverflow.com/questions/59106742/typescript-error-property-children-does-not-exist-on-type-reactnode

    • @alexgameplay54
      @alexgameplay54 2 роки тому

      @@Coffstack muito obrigado pela resposta!

  • @srboca
    @srboca Рік тому

    Muito bom seu conteúdo. Estou tendo dificuldade com interceptor para fazer o signout do usuário quando tem o erro 401

  • @humbertojunior2627
    @humbertojunior2627 Рік тому

    No 48:53 você explica como ocorre loading enquanto há um timeout fictício colocado por ti. Mas , e se eu quiser definir um tempo de espera máximo ? Por exemplo, depois de 3s , mesmo que a API responda, no meu App eu queira um alert dizendo que houve estouro de prazo na comunicação, como fazer isso?

  • @leonardomachado3834
    @leonardomachado3834 8 місяців тому

    Da pra usar redux no lugar do async store?

    • @Coffstack
      @Coffstack  8 місяців тому

      são duas funcionalidades com propósitos diferentes.

  • @vuc__vuc
    @vuc__vuc Рік тому

    agora na versão 18 do react acontece um erro no children do AuthProvider ''O tipo '{ children: Element; }' não tem propriedades em comum com o tipo 'IntrinsicAttributes'.'' por acaso alguem sabe como contornar esse erro ou deve-se passar outros parametros do authProvider?

    • @Coffstack
      @Coffstack  Рік тому +2

      Provavelmente é por causa da sua versão do React, na versão 18 eles mudaram a tipagem do React.FC. Agora você precisa escrever sua própria interface.
      interface Props {
      children: React.ReactNode;
      }
      export const AuthProvider: React.FC = ({children}) => {...
      Você pode ver com mais detalhes aqui: stackoverflow.com/questions/59106742/typescript-error-property-children-does-not-exist-on-type-reactnode

    • @nasyy3858
      @nasyy3858 Рік тому

      @@Coffstack valeu mano me salvou kkk

  • @jame3sw650
    @jame3sw650 2 роки тому

    Mais uma vez obrigado pela ajuda lá no grupo do facebook \o

    • @Coffstack
      @Coffstack  2 роки тому

      De nada! Estamos ai pra isso!

  • @henriquegeviewski4501
    @henriquegeviewski4501 Рік тому

    eu realmente to tentando entender como fazer esse codigo funcionar, cara eu tento arrumar a porra da img simplismente da erro na logo. eu coloco o mesmo caminho e da erro, usei chat gpt e ele pediu pra eu perguntar no github ou no stackoverflow e cara o erro é no comando de passar a img logo pro aplicativo, e tbm da um erro de TEXT mas NAO TEM NADA SEM TEXT NESSA PORRAAAAAAAA, que caralho

    • @matheusgv2980
      @matheusgv2980 Рік тому +1

      O erro no caminho da imagem pra mim corrige saindo e entrando no vscode, agora pode detalhar o erro do text? Vc está importando ele corretamente?

  • @jame3sw650
    @jame3sw650 2 роки тому

    Uma dúvida esse seu MyButton e o TextInput são componentes que você criou ou é de alguma biblioteca?
    Estou perguntando isso pois estou em um projeto que tem um componente bem semelhante que recebe até o mesmo secureTextEntry, achei o componente fantástico e pensei que o dev anterior tivesse criado do zero, mas agr que vi o seu, acho que todos beberam da mesma fonte kkkk

    • @Coffstack
      @Coffstack  2 роки тому

      Esses são componentes que criei "do zero" usando os componentes básicos do React Native (TouchableOpacity, Text e TextInput). Você pode ver o código no repositório do tutorial, o link está na descrição. Esse secureTextEntry já é uma propriedade padrão do componente TextInput do React Native, o que eu fiz foi apenas criar um componente em cima dele, o MyTextInput, e dei uma customizada.

  • @atschaves
    @atschaves 2 роки тому

    Excelente conteúdo! Parabéns!

    • @Coffstack
      @Coffstack  2 роки тому +1

      Valeu Anderson, muito obrigado!