Gerenciando Context no React com TypeScript! - Tips N' Tricks #07

[@anotherchristian]

Meu amigo, a sua forma de explicar é concisa, clara, de fácil compreensão. Obrigado por esse vídeo!

[@alissoncamões]

aee, conteúdo em português e com melhor didática que o dos indianos haha, ajudou demais!! Continue esse trabalho q tua didática salva a galera.

[@Huriel]

Que massa!! Ótimo saber disso hein mano hehe

[@ryanwill2509]

Top! Estava com dificuldade pra conseguir criar o contexto com o Typescript. Oh bixin complicado de inicio. Valeu pela ajuda. +1 inscrito.

[@Huriel]

Tamo juntoo!!

[@raphaelmachado7197]

Eu tava apanhando muito pra fazer context com typescript, seu video me ajudou bastante mano.

[@Huriel]

Boa!! É meio complicado de entender porque não precisava ser tão difícil huahauhuaha mas depois vaii

[@ntriunfo]

cara, valeu demais mano, eu tava há dois dias com esse problema e vc ajudou a resolver!!, muito obrigado 🙏🙏🙏

[@suzei6780]

Pô bicho, tu é a definição de "necessário para a comunidade" mais assertiva que eu já vi, teus vídeos são fodas demais, muito obrigado :)

[@Huriel]

Po brigadão cara!! Feliz demais por esse reconhecimento, espero continuar contribuindo de montão com a comunidade hahahhaha

[@deerp6497]

Valeu irmao, me salvou de um bug que eu tava tendo aqui, vi video gringo e tudo mais e nada... salvou!!

[@Huriel]

Niiice mano! Fico feliz demais hein :D Abraço!!

[@lucasantoniodev]

Top!!

[@marcospadilha3634]

Parabéns pelo conteúdo meu guri. Merece muito mais inscritos. Já tô entrando pra fortalecer a tropa. Vamo pra cima!

[@Huriel]

Opa, obrigadão pelas palavras Marcos!!! Fico feliz de estar se juntando ao pessoal que acompanha o canal, valeu meesmo pela força! Abração 🤩

[@amesqFF]

aprendi muita coisa, obrigado!

[@Huriel]

Que bom mano!! Fico muito contente em ajudar 😊

[@henriquekramer_]

Excelente aula!

[@Huriel]

Valeuu mano, abração :D

[@vandsonfalcao]

you saved me! vlw cara! TMJ!

[@Huriel]

Tmjj mano, abração!!

[@foxohnfire]

Cara, tu explica muito bem, parabéns.

[@Huriel]

Obrigado!! Abraço :D

[@nilolima5401]

Muito bom

[@Huriel]

Obrigado!!

[@pedrobrito3654]

Ajudou demais, video super tranquilo de entender e direto, vlw mano!

[@Huriel]

Daora Pedro!! Fico feliz que consegui passar a mensagem que queria pra ti mano :D

[@gabrielsuptitz1624]

ajudo muito men , vlw

[@Huriel]

Tamo juntoo 🙌

[@patrickdossantos5798]

Excelente conteúdo! Peguei o vídeo meio "solto" mas ja vou iniciar a playlist. Espero que seu canal cresça, pq o conteudo é de grande qualidade. Parabéns.

[@Huriel]

Oooo valeuzão mano!! Bom demais ler isso cara :D Brigadão mesmo pela presença e pela chance que deu à playlist, espero que alguma coisinha nela te ajude também man!!

[@carloossantoosdev]

Obrigado pelo video irmão, cada vez mais me sentindo confiante para usar o Typescript.

[@Huriel]

Niice!! Isso é bom demais mano, espero continuar contribuindo nessa sua jornada aí! Bora tipar as parada

[@catphelios]

Pra eu que to migrando pro ts, toda essa tipagem do context explodiu minha mente, pq no js é só criar o context e provider e fé kkkkkkkk

[@Huriel]

Hahahhahaha pior que é difícil de acostumar. Pra ser sincero, em contexts eu tenho que olhar como fazer toda vez que preciso!! Ainda bem que fiz um vídeo sobre hehehe Recentemente mexi com JS depois de muuuito tempo sem tocar nele e tive muita dificuldade pra trabalhar sem a tipagem, demorei muito mais pra desenvolver. Acho que depois de um tempo acostuma e não larga mais hahahhah

[@thepeterpink]

Parabéns pelo canal e pelos vídeos.

[@Huriel]

Muito obrigado mann!!

[@AlexandreMattosXandyn]

Vlw maninho, me ajudou bastante no meu projeto, tive apenas uma dúvida que foi a seguinte. Meu lint informa que preciso passar o value com memo, pois quando o faço a alteração do estado no caso o setUser por exemplo deixa de funcionar. O que eu fiz foi deixar sem o memo ( que acredito que este seja o problema ) e adicionar no lint essa rule react/jsx-no-constructed-context-values como off ... assim passou a alterar o estado do contexto ... Mas Muitíssimo obrigado ... me inscrevi no canal ... achei da hora demais seu conteúdo e parabéns

[@Huriel]

Po, valeuzão Alexandre!! Nunca encontrei esse problema com o memo, entra no nosso Discord e bora falar disso por lá pra tentar arrumar :D

[@mauriciom8539]

Obrigado, seu conteúdo me ajudou mto, +1 inscrito. Poderia me dizer qual curso que vc fez que foi diferencial pra eu poder me guiar ?

[@Huriel]

Opa Mauricio!! Que bom que consegui te ajudar man! Cara, eu não fiz nenhum curso de relevância que realmente mudou o jogo pra mim, foram cursos pequenos e no final o que realmente ajudou foi trabalhar na prática com o React 😊

[@Gabriel-zt7pk]

Minha duvida é quanto mais contextos eu tiver mais vou ter que ir adicionando ao Type e ao initial value correto ? Tipo quanto mais complexo foi minha aplicação mais contextos eu vou ter então é viavel eu separar em uma outra pasta o initial value juntamente com seu type exporta-los para o Context ? Eu sei que posso ter varios contexts dentro da aplicação mas isso parece meu sujo ja que vamos encapsulando um dentro do outro. Obrigado pela aula estou devorando type script esses dias para o trabalho que consegui.

[@Huriel]

Opa Gabriel!! Sim, se você quiser separar, pode separar porque vai ficar bem organizado mesmo... Faz todo sentido porque fazemos isso com diversas coisas, com contexts pode ser feito tambémm

[@danfealmeida]

Muito top... No objeto UserContextType cuja a fn filterUsers:(filter: string) => void, como essa fn é assincrona o ideal é assinar ela como Promise ou ficou alguma coisa implícita?

[@Huriel]

Opa Daniel!! Pode ser atribuido a Promise sim, seria o mais correto por conta de ser assíncrona mesmo!

[@dampac_]

Muito bom vídeo, mano! Qual a diferença de colocar as infos que vamos passar no contexto (funções, variaveis, etc) em um objeto como o initialValue e colocar no createContext ao invés de colocar apenas createContext({} as UserContextType)? Pergunto isso pq sempre vi as pessoas deixando esse valor obrigatório no createContext como um objeto vazio e só tipando ele

[@Huriel]

Opa!! Nenhuma diferença mano, porque falando bem a verdade, o initialValue que eu tenho tratado nem é utilizado, porque aqueles valores iniciais não são usados, quando a função do Provider roda eles já são substituídos pelos seus valores verdadeiros. Talvez eu ajuste isso pra mostrar essa alternativa que você mostrou, muitííííssimo obrigado pela ideia hahahah

[@brunoichbinfdp]

Ótimo vídeo muito bem explicado , eu só não gosto do rolê que o TS me faz fazer.Deixa algo tão simples e fácil complexo .

[@Huriel]

Opa Bruno!! Sim, se acostumar com TypeScript é beeem complicadinho, mas depois de evitar tanto bug e conseguir debuggar bem mais fácil, não largo ele por nada hahahahah

[@denisjunior1086]

qual distro voce usa ? achei linda

[@Huriel]

Opa mano!! Nesse vídeo eu usava Kubuntu com tema Nordic

[@udyrvascaino1821]

POR ALGUM MOTIVO QUE EU AINDA NÃO DESCOBRI NAO FUNCIONOU NO MEU o parametro é uma lista de um objeto especifico fiz la a interface bonitinha e só nao funciona, fica só o valor inicial

[@Huriel]

Opa mano!! Cola na nossa comunidade do Discord e manda a dúvida lá, acredito que eu e o pessoal podemos te ajudar por lá: discord.gg/vZSzrY2hJt

[@gabrielopescador2122]

Com mesmo codigo aqui apresenta erro, desconfiando que seja a versão que estou usando

[@nordkis4834]

o type em vez de ajudar com seus avisos, faz é atrapalhar com palavras que nao tem sentido algum

[@Huriel]

Opa! Cara... Pessoalmente, eu gosto muito, me poupa bastante o trabalho de conferir docs e tudo mais por mostrar o que eu preciso no código, mas vai de cada um :D