NÃO REPITA CÓDIGO! React Hooks Personalizado e TypeScript Generics NA PRÁTICA! (Avançado)

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

КОМЕНТАРІ • 58

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

    Parabéns pela sua forma de explicar, muito bom ver um conteúdo fluido assim e sem preguiça de explicar.

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

    Pelo amor de Deus, muito massa.
    Além de ser um conteúdo útil, enriquecedor. É gratuito.
    E ainda por cima, vc reforça o que sabe, nos ensinando e + documenta através de vídeo.
    Gratidão

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

      Valeu Erickson! Obrigado por acompanhar o conteúdo.

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

    Esse cara é muito fod#, só conteúdo relevante

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

    Excelente didática e me ajudou numa task do trampo! hahahahaha parabéns!

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

    Incrível esse conteúdo, me esclareceu muita coisa sobre os hooks e já tenho muito a refatorar após esse vídeo, valeu 😁

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

      Que bom que ajudou! Manda ver ai nos projetos!

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

    Mano, eu sempre aprendo com você, top de mais... por mais conteudos assim!

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

      Valeu, tamo junto!

  • @Gustavo-bi4hv
    @Gustavo-bi4hv 2 роки тому +7

    Seu canal é muito top, mano! Poderia fazer alguns conteúdos relacionados à deploy, CI/CD e afins? É um tema que pra mim é bem complexo e tenho muita dificuldade e imagino que muitos devem ter.

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

      Com certeza é Gustavo! Vou trazer mais esses assuntos no início do ano que vem!

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

    Excelente vídeo e didática! 👏👏👏

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

    Caramba mano, muito bom esse conteúdo, bem explicado, acertivo, e o melhor passou uma ótima dica de como deixar o código mais otimizado e limpo. Parabéns.

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

      Valeu Paulo! Vou trazer mais conteúdo como esse para o canal

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

    Parabéns pelo conteúdo ....muito bom !

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

    Brabo como sempre brother, de Deodoro pro mundo hahaha s2

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

    Parabéns meu rei! Aula clara e objetiva! Meus neurônios a agradecem!

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

      Disponha! Obrigado por assistir!

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

    Top mano. Esse parte da tipagem é um baita adianto.

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

    Muito bom conteúdo de primeira!!!

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

    Excelente conteúdo, ganhou um inscrito!!

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

    Finalmente consegui entender o uso do generics, muito obrigado, excelente aula

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

      Que ótimo! Feliz por ter te ajudado!

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

    Obrigado por esse conteúdo meu irmão!

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

    Show demais.

  • @thomascosta947
    @thomascosta947 6 місяців тому

    Excelente!

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

    sensacional !

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

    A qualidade dos seus vídeos é impressionante! Você faz a diferença! Muito obrigado!!
    A propósito, qual o tema usado no momento da gravação do vídeo? 😅

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

      Muito obrigado João! eu uso o Drácula theme, tanto pro VS Code quanto para o terminal. draculatheme.com/

  • @eduardofagundesferreira8891

    Show de aula. Parabéns! Como eu passaria mais de um tipo para um outro componente?

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

      Separando por vírgula
      type Example = {
      name: T;
      idade: K;
      };
      export const example: Example = {
      name: 'adasd',
      idade: 4,
      };

  • @Gabriel-zt7pk
    @Gabriel-zt7pk 2 роки тому +1

    Poderia fazer um video sobre arquitetura para front end? seja ela Mobile ou Web em React?

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

      Boa Gabriel, tá nos meus planos trazer um vídeo desse para o canal!

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

    Excelente aula ! Você é 10 parceiro ! Já pensou em criar algo relacionado ao Clean Architecture?

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

      Fala Eduardo, já sim! É um assunto que tenho estudado cada vez mais, quando estiver mais maduro eu trago algo bem bacana aq pra vocês

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

    Muito massa cara, isso me fez lembrar de uma parada!!!
    Me diga qual a sua opnião de criar uma classe hooks que serve tipo um "controller", para remover toda a logica das paginas correspondentes. Ex: HomePage.ts (estilos) formado por varios pequenos componenentes (ex uns 10 componentes), e dai a logica ficaria tudo dentro desse "home.hooks.ts", facilitando o reuso do que precisa apenas desestruturando esse homeHook no componente correspondente?? Digo isso porque sei de empresas que usa isso junto do conceito de modularização em React Native... O que acha de fazer um conteudo sobre? ;D

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

      Eu vou falar mais sobre essa parte de arquitetura e padrões em breve. A respeito desse padrão que vc comentou de ter um hooks como controller, eu já vi em algumas empresas, mas particularmente não gosto. Esse padrão foi popularizado pelo Dan Abramov (criador do Redux) nesse artigo aqui: medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0
      O artigo é de 2015, em 2019 ele adicionou uma nota dizendo que não recomenda mais esse padrão. Eu prefiro seguir um modelo mais de camadas (Apresentação, Serviço, API...) se souber separar bem as responsabilidades seu componentes não ficaram com arquivos gigantes, msm deixando a lógica ali e componentes no mesmo arquivo.

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

    Uma dúvida, como você corrige diferenças de de iOS e Android, tipo shadow box? A gente usa o mesmo código, styled, porém aparece diferente entre os aparelhos iOs e Android😅😅😅

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

      Esse site te da os valores equivalentes: ethercreative.github.io/react-native-shadow-generator/

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

      @@Coffstack top, não conhecia, vou explorar ele amanha

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

    Cara pode não ter nada a ver com o vídeo mais estou com um problemão no Javascript com node js usando fetch. Estou fazeno uma requisição api até ai tudo ok mas da erro sempre que eu tento tratar os dados retornados convertendo o array json da api para object [OBS já tentei mil formas]

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

      Realmente não tem a ver com o vídeo, e sem olhar o código fica muito difícil saber qual é o problema. Consulte a documentação, e vê se não deixou passar nada.

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

      @@Coffstack Consultei alguns forums e testei mais coisas, consegui resolver. o problema foi uma falta de atenção minha ao lidar com requisiçoes assincronas.

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

      @@contosfatos ah esse é um dos erros mais comuns, esqueceu o await né? hahaha Não sei se tá usando o TypeScript, mas ele pode te ajudar nesses casos.

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

      @@Coffstack exato foi isso msm kkkkk comecei a ver o Typescript hj vlw pela dica mano.