Typescript com REACTJS - Do Iniciante ao Avançado

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 พ.ย. 2024
  • Se cadastre na minha lista de email para receber as comunicações em primeira mão : www.joaobibian...
    -----------
    Se o typescript já é sensacional, junto com react então, formam a dupla perfeita.
    Mas eu sei que nem sempre é claro as formas de tirar o melhor proveito dessa configuração. Pensando nisso preparei um vídeo para falarmos de como tipar props, função, hooks, generics e muito mais.
    Link do código: gist.github.co...

ความคิดเห็น • 93

  • @PedroHenrique-mu5vb
    @PedroHenrique-mu5vb ปีที่แล้ว +60

    Esse cara parece que está ensinando para um energúmeno, exatamente o que eu precisava, consegui entender tudo! piadas à parte, parabéns pela aula e didática!

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว +3

      Bom feedback! Valeu Pedro

    • @danfex
      @danfex ปีที่แล้ว +4

      KKKKKKKKKKKKKKK

    • @YuriGRamos
      @YuriGRamos ปีที่แล้ว

      😂😂😂

    • @felipecoelho8112
      @felipecoelho8112 หลายเดือนก่อน

      boa sorte nos estudos, seu energúmeno

  • @Nexs2
    @Nexs2 หลายเดือนก่อน

    Cara, nem sou de ficar comentando em vídeo, mas sinceramente, que vídeo bom. Estava pesquisando sobre typescript e sempre ficava uma dúvida de realmente como funcionava as coisas. Geralmente as outras aulas que eu via apenas mostravam que deveria tipar e as propriedades novas, mas não explicavam como elas realmente funcionavam e nas diferente situações que elas poderiam ser aplicadas, obrigado!

  • @Wesley-es1bm
    @Wesley-es1bm ปีที่แล้ว

    Sou iniciante na programação e sempre evito typescript, mas essa aula vem me ajudando bastante a compreensão...

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      Obrigado pelo comentário Wesley! Sucesso

  • @Fredbeat-2023
    @Fredbeat-2023 ปีที่แล้ว +1

    Cara aprendi tudo no youtube contia assim.

  • @eduardooliveira5257
    @eduardooliveira5257 ปีที่แล้ว +2

    Eu tinha travado no Generics mais agora entendi um pouco melhor

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      Opa Eduardo! fico feliz em saber que foi útil para ti

  • @marcondesferreira8056
    @marcondesferreira8056 2 ปีที่แล้ว +12

    Mano, cai de paraquedas aqui, e fiquei pasmo.
    Nunca tinha tido uma aula tão boua assim mano.
    Tem meses que eu tenho buscando conteudo de TS que eu goste.
    Finalmente eu encontrei.
    Parabéns por sua didatica.

    • @joaobibiano
      @joaobibiano  2 ปีที่แล้ว +3

      Cara, muito obrigado pelo feedback, isso ajuda muito a entender onde devo avançar ! Abraço

    • @ofelipegv
      @ofelipegv ปีที่แล้ว

      Digo o mesmo, já faz meses que procuro um conteúdo de typescript, esse foi melhor até agora, está ajudando muito, ganhou um seguidor novo.

  • @gersuer
    @gersuer ปีที่แล้ว +5

    O que eu fiz de anotação nessa aula não é brincadeira, esse professor é incrível a facilidade e o dominio que ele tem sobre o conteúdo é surreal. Obrigado professor!

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      Fico feliz pelo feedback! Obrigado

  • @newsuby2137
    @newsuby2137 2 ปีที่แล้ว +8

    Sem tirar nem colocar, devo que dizer que sua didática é a mais incrível do youtube, nunca vi um conteúdo tão de qualidade de graça assim, me fez entender Ts sem nem saber javascript direito, inacreditável, nunca pare de postar conteúdo, por favor 🙌

    • @joaobibiano
      @joaobibiano  2 ปีที่แล้ว +1

      Cara, muito obrigado pelo feedback, isso ajuda muito a entender onde devo avançar ! Abraço

    • @Luccas_Alves
      @Luccas_Alves ปีที่แล้ว

      Eu sempre falo que necessariamente n precisa saber programar em algo previamente pra entender uma nova linguagem. Falo isso pq é somente um emaranhado lógico. Só precisamos pegar materiais bem explicados.

  • @MatheusCervieri
    @MatheusCervieri ปีที่แล้ว +1

    Muito boa a aula mesmo

  • @MateusSantos-do4it
    @MateusSantos-do4it ปีที่แล้ว +1

    Impressionante sua tranquilidade e clareza para explicar! Parabéns!!

  • @moisesmonza4716
    @moisesmonza4716 5 หลายเดือนก่อน

    25:27 essa parte explodiu minha mente, like merecido demais, mano!!!

  • @BiancaGomesAlves
    @BiancaGomesAlves ปีที่แล้ว +1

    Parabéns, perfeição é o que atribuo para a sua aula.
    Me inscrevi porque realmente tem uma excelente explicação.

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      Valeu pelo feedback Bianca!

  • @pchia6437
    @pchia6437 ปีที่แล้ว +1

    Caramba... Que aula incrivel! Conseguir compreender como o typescript funciona e despertou uma enorme vontade de trabalhar com ele. Muito obrigado.

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      Manda bala! Vale a pena

  • @deviegocode
    @deviegocode 2 ปีที่แล้ว +1

    Muito obrigado me ajudou a entender um pouco mais do typescript

  • @estudostallyson6374
    @estudostallyson6374 ปีที่แล้ว +2

    INCRIVEL, aula muito boa

  • @eduardofagundesferreira8891
    @eduardofagundesferreira8891 2 ปีที่แล้ว +2

    Além do ótimo conteúdo... os teus vídeos tem um layout muito show... nem parecem aqueles vídeos padrões de tutorial. Parabéns!

  • @aldobarbosa576
    @aldobarbosa576 2 ปีที่แล้ว +3

    Cara, essa aula foi muito top. Parabéns pelo conteúdo de qualidade.

  • @judissf
    @judissf 2 ปีที่แล้ว +1

    Parabéns, amigão. Muito boa a aula e a forma como ensinou foi de fácil compreensão. Obrigado pelo conteúdo de qualidade!

  • @pedro.britto
    @pedro.britto 2 ปีที่แล้ว +1

    Excelente conteúdo. A explicação com a prática deixou bem fácil de entender. Obrigado, João!

  • @hrp_dev
    @hrp_dev ปีที่แล้ว

    Grande Bibiano, muito obrigado pelo excelente conteúdo.

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      Obrigado Ramon! Acabei de adicionar uma opção de membros exclusiva aqui no youtube! Vou receber sugestões por lá, veja se faz sentido pra ti, começa a partir de R$ 4,99

  • @_manoel_almeida
    @_manoel_almeida ปีที่แล้ว

    Mo aula boa, estava justamente precisando dessa aula principalmente a de declarar o props, vlw ai ótimo trabalho em

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      Valeu Manoel! Obrigado pelo comentário e feedback

  • @brunojaques9982
    @brunojaques9982 2 ปีที่แล้ว +1

    muito foda, me ajudou bastante no meu estágio.
    ps. um dia quero estar trabalhando fora igual a vc

    • @joaobibiano
      @joaobibiano  2 ปีที่แล้ว

      É só uma questão de tempo se você se esforçar!

  • @gustavoalex2908
    @gustavoalex2908 2 ปีที่แล้ว +1

    muito bom o conteúdo, otima didatica, parabéns

  • @WillianMattos
    @WillianMattos ปีที่แล้ว +1

    Cara, que vídeo sensacional. Vc é muito bom! Obrigado pelo conteúdo

  • @gilsonconceicao5201
    @gilsonconceicao5201 2 ปีที่แล้ว +1

    Ótimo conteúdo.

  • @LeonardoRamos-nz3lr
    @LeonardoRamos-nz3lr 6 หลายเดือนก่อน +1

    qual a color theme do vscode você usa ? gostei

  • @alexon2010
    @alexon2010 2 ปีที่แล้ว +3

    Bem legal video, eu já programa com React um bom tempo mais não tinha feito nada com Typescript, o que faz ter dificuldade é esta verbosidade, escrever várias vezes o parametro... esta da lista estremamente verboso.... Mas como isto é meio que um padrão para empresas, vou me adaptar aqui... parabens pelo video... Um coisa fora do contexto, qual é a extensão do vscode mesmo que deixa este sinais === !== mais botinos?

    • @joaobibiano
      @joaobibiano  2 ปีที่แล้ว +3

      Uso a fonte fira code Alexon.
      Typescript é muito mais que verbosidade, é segurança para entregar código com menos bugs. Para trabalho em grandes equipes é fundamental. Tem uma live que fiz explicando isso, quando puder, dá uma olhada.

  • @lucaspolles4533
    @lucaspolles4533 2 ปีที่แล้ว +1

    Incrivel mano, faz mais assim pfv

  • @kaykdario
    @kaykdario 6 หลายเดือนก่อน +1

    Queria saber a extençao que usou pra ter um previw quando tava fazendo as funçoes

  • @GuilhermeHenrique-fp1wo
    @GuilhermeHenrique-fp1wo ปีที่แล้ว +1

    Gostei muito, suas explicações muito boas, e esse macete do render da funcao list, vo usar direto hehe top demais. Já ganhou um seguidor! Cara se pudesse trazer conteúdo sobre RTK Query e Redux Toolkit tb hehe

  • @nathansantos4197
    @nathansantos4197 2 ปีที่แล้ว

    Excelente aula!
    Se possivel faz um video explicando como converter um projeto existente em JS do React para TS seguindo as boas praticas. Com sua didática seria sensacional :D

    • @joaobibiano
      @joaobibiano  2 ปีที่แล้ว +2

      Fala Nathan!
      Ótima dica, vou aproveitar e colocar aqui
      Aproveita e se inscreve no canal para não perder o vídeo quando sair.

  • @patirocha2127
    @patirocha2127 2 ปีที่แล้ว +1

    Excelente aula, obrigada por compartilhar seu conhecimento. Deixo apenas a sugestão de tirar a música de fundo, não sei se para outras pessoas isso é um problema mas pra mim ela disputa a atenção com o conteúdo o tempo todo, tive q pausar o vídeo várias vezes para retomar o foco. Grande abraço!

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      Olá Pati, obrigado pelo feedback ;)

  • @IgorMatos84
    @IgorMatos84 ปีที่แล้ว

    Muito boa aula!
    Qual extensão esta usando para e sugestão de codigo?

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      Valeu pelo comentário Igor!
      É o github copilot ;)

  • @removed107
    @removed107 2 ปีที่แล้ว +1

    Aula excelente!

  • @guilhermefernandes5141
    @guilhermefernandes5141 ปีที่แล้ว +1

    Aula muito top!!

  • @professorAndreValerio
    @professorAndreValerio ปีที่แล้ว

    No seu curso você ensina back end também? Ensina a conectar no banco de depois de todo projeto pronto ensina a publicar?

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      ensino como conectar ao backend sim, mas não ensino necessariamente backend.

  • @angelicaruiz5027
    @angelicaruiz5027 2 ปีที่แล้ว +1

    Excelente explicação, tem meu like e inscrição... você usa alguma extensão para completar códigos?

    • @joaobibiano
      @joaobibiano  2 ปีที่แล้ว

      uso o copilot!

    • @lorenadebs838
      @lorenadebs838 ปีที่แล้ว

      Estava procurando para ver se alguém tinha perguntado 🤗

    • @lorenadebs838
      @lorenadebs838 ปีที่แล้ว +1

      @@joaobibiano parabéns... Vou assistir todos os vídeos

  • @levisthiago1327
    @levisthiago1327 ปีที่แล้ว +1

    Muito obrigado. Como faço pra comprar seu curso? 😮😮😮😮

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      Olá Thiago, entra na fila de espera www.joaobibiano.com.br/inscricao-aula-semanal

  • @iamprogramming9984
    @iamprogramming9984 2 ปีที่แล้ว +1

    Aula top!

  • @digitalhdr7768
    @digitalhdr7768 2 ปีที่แล้ว +1

    muito top, ajudou e muito.

  • @estevaolibardi
    @estevaolibardi ปีที่แล้ว

    show demais!

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      Valeu estavao! grande abraço

  • @crjstjanojose
    @crjstjanojose 2 ปีที่แล้ว +1

    Show !

  • @FrankReactFrontEnd
    @FrankReactFrontEnd ปีที่แล้ว +1

    top

  • @gr1llard1
    @gr1llard1 2 ปีที่แล้ว +1

    💥💥🚀

  • @antoniomarf
    @antoniomarf 2 หลายเดือนก่อน

    Show

  • @paulofroes4607
    @paulofroes4607 2 ปีที่แล้ว

    Bela aula, João!
    Uma dúvida que nada tem a ver com essa aula:
    Qual software de gravação sincronizada de tela + facecam você utiliza?

    • @joaobibiano
      @joaobibiano  2 ปีที่แล้ว

      Uso o screenflow no Mac, mas já usei muito OBS também

  • @victoriousgangtv7810
    @victoriousgangtv7810 ปีที่แล้ว

    eu moro em lisboa tambem como eu consigo um primeiro emprego de front end?

  • @TFTGalactus
    @TFTGalactus ปีที่แล้ว

    Como passo todas as props de uma vez? No js normal eu uso {...props}, mas no typescript como ficaria ja que tem que idetificar cada uma delas?

  • @michellekeniasoares1490
    @michellekeniasoares1490 11 หลายเดือนก่อน

    Oii, estou começando a usar o VsCode agora. Como faço para habilitar o autocomplete?

    • @kelvenclsouza
      @kelvenclsouza 10 หลายเดือนก่อน

      Você pode escrever parte da tag e pressionar "Ctrl + backspace", porém as vezes é necessário instalar alguma extensão para alguma tecnologia complementar, como o React.

  • @precivalvictor9271
    @precivalvictor9271 2 ปีที่แล้ว +1

    Show!!!

  • @sloowy9127
    @sloowy9127 11 หลายเดือนก่อน

    qual esse tema?

  • @znkdev
    @znkdev ปีที่แล้ว

    so fiquei surpreso com 1 coisa... usa MS Edge?? gente estou pasmo. hehe

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว +1

      hahah na época estava com ele, agora voltei para o chrome :)

  • @lucasferreira8229
    @lucasferreira8229 11 หลายเดือนก่อน

    cara, todas empresas usam typescript com react?
    Eu quero aprender react mais ainda nao sei typescript.
    vejo algumas vagas que pedem react mais nao colocam typescript. não sei como é o mercado de trabalho nesse sentido.

    • @ThiagoHumble
      @ThiagoHumble 7 หลายเดือนก่อน

      e ele pronunciando vaite kkkkkk sendo que é /vit/ ..

  • @allisondealmeida
    @allisondealmeida ปีที่แล้ว

    Precisa saber javascript para parender typescript?

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      Pode aprender os dois ao mesmo tempo :)

  • @darksideeditions4251
    @darksideeditions4251 2 ปีที่แล้ว

    Pera, isso é tudo? E esse tempo todo eu com medo de Typescript...

    • @joaobibiano
      @joaobibiano  ปีที่แล้ว

      hahah é mais fácil do que parece... o saldo é positivo

  • @Xamastrufa
    @Xamastrufa 9 หลายเดือนก่อน

    Muito bom!