Como fazer o React e aprender a ideia do Virtual DOM na prática | Como implementar o ReactJS

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 พ.ย. 2024

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

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

    Um dos melhores vídeos sobre React do YT. A sacada de refazer projetos, libs etc c/ engenharia reversa é excelente, talvez uma das melhores formas de entender na prática como as coisas funcionam por debaixo dos panos (inclusive entender os design patterns aplicados e assim vai), junto com o estudo dos conceitos. O vídeo me ajudou muito nos estudos, seria legal fazer algo assim c/ o Angular!

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

    Já perdi a conta de quantas vezes venho aqui ver esse vídeo, é muito gostoso ver as coisas bonitas se transformarem num caos pra em seguida voltarem ao bonito. Valeu ✌🏽☺️

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

      Ahahahaha valeu!!!! Eu gosto demais desse vídeo também

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

    O amigo aí dá as informações rápido com uma didática muito boa, e isso é bem legal!! Estou começando agora no React e acho a melhor maneira aprender desse jeito, olhando mais a fundo dentro do código. parabens pelo conteúdo!

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

    Era EXATAMENTE esse vídeo que eu precisava, ontem eu até procurei por "React's Origin" no TH-cam pra entender exatamente esses passos inicias de como funciona.
    Valeu pelo vídeo.

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

      Cara que massa!!!! Eu vou ainda trazer mais, quero implementa o useState e outras paradas :)

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

      @@DevSoutinho Animado por esses Vídeos Marão

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

    UM CANAL QUE JÁ É GIGANTE PELO CONTEÚDO !!!! Sensacional Souto, merece todas as palmas mesmo !! 👏🏾👏🏾👏🏾

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      VALEU MAN!!! \o/ Tamo se esforçando ai, cada share ajuda a o conteúdo chegar em mais pessoas, quem sabe um dia esse vídeo bate 10k views? asuhsahuhusa e 10k pessoas ajudadas

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

    Excelente! Eu amei o conteúdo e amei a sua personalidade, você é muito simpático e consegue passar uma energia poderosa de motivação. Muito obrigado!

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Caaara muito obrigado! Eu faço todo roteiro com o maior carinho, sempre tento passar o melhor de mim valeu mesmo!

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

    Muuuuuito louco! isso!!gosto esse tipo de desconstrucao! Parabens!

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Vaaleu!!!

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

      Tem mais aqui no canal da uma olhada na playlist de engenharia reversa \o/

  • @DanielRios549
    @DanielRios549 3 ปีที่แล้ว

    Simplesmente incrível, saber como as coisas funcionam por trás dos panos é essencial para qualquer programador

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

    Caraca que video bom, de extrema relevância, acredito que é muito importante sabermos como as coisas funcionam por debaixo dos panos

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Siiiim! aqui no canal ta cheio de vídeo de engenharia reversa

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

    Muito legal, não paro para pensar nisso, realmente uso diversas libs e nunca tentei recria-las, acredito que melhoraria muito meu desempenho no trabalho, muito obrigado pela inspiração!

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

    Eu tô começando a estudar React e tinha me passado de como esse canal é bom. Valeu Soutinho.

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

      Aeeeeeee!!! Muito obrigado pelo feedback, anima mt a continuar!

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

    Adorei esse tipo de video com engenharia reversa! Continua plz

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

      Caaara vai ter e vai ter muuuito mais! Fica de olho hehe Já tem o do Formik também tu viu? th-cam.com/video/cMq6k7ymv2s/w-d-xo.html

  • @RenanSantos7
    @RenanSantos7 8 หลายเดือนก่อน +1

    Demorei para dar like porque tava dando palmas.

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

      ❤️❤️❤️

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

    Cara não costumo comentar em vídeos, mas depois de ver esse show de conteúdo eu comento, dou like, me inscrevo, ativo sino, compartilho, faço download, transmito no comercial da globo, o que for necessário pra esse canal crescer e fornecer ainda mais conteúdo dessa qualidade.

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

      ssauhsahuashu cara valeu mesmo!!! mt feliz de ler esse nível de empolgação pós um vídeo meu

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

    Muito bom! E da pra ver o amor que vc tem por isso! Adorei!

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Meeeu muito obrigado pelo comentário, eu fico feliz de ver que a empolgação ta transparecendo nos vídeos, valeu mesmo!

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

    Inacreditavelmente bom!! quando crescer quero ser igual você ahajhhaha

  • @samerkayali4525
    @samerkayali4525 3 ปีที่แล้ว

    Cara muito bom!! Melhor canal de front end que eu ja vi ate hoje!

  • @Mychel272
    @Mychel272 3 ปีที่แล้ว

    O cara é foda!!! Nenhum deslike o video é perfeito

  • @marinhomaiko
    @marinhomaiko 3 ปีที่แล้ว

    KARALEOOOO muito fóda!, show Mário PARABÉNS!.

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

    Top top top \o/. Por mim, deveria ter um curso só de Eng. Reversa. Obg!

  •  4 ปีที่แล้ว +1

    Parabéns, isso que eu chamo de conhecimento real. 👏👏👏

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Valeu mano!!! Que bom que curtiu :D

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

    Mário, incrível esse vídeo.
    Adorei a parte da jardinagem e da costura.
    Continue com essas engenharias reversas que estão muito legais.

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

      Auahshuahusauha programação se apropria de tudo de várias áreas, cara vai ter muito mais sim! To me planjeando pra ir trazendo novas e até evoluindo as que já tem :)

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

    como sempre, pontual meu irmão! obrigado!

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Vaaleu cara! Tamo se esforçando pra manter o horário asuhsahus

  • @parkejunior
    @parkejunior 3 ปีที่แล้ว

    Minha nossa, eu não acredito que depois de ler tantos artigos e ficar em dúvida, eu finalmente consegui entender de uma vez como funciona! Parabéns mano, ótimo vídeo!!!

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

    Caraca que massa... As vezes achamos que é engenharia da NASA, e é mais simples que imaginamos, pode continuar com esse tipo de conteúdo...

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Exatamente!!! Nada de magia é tudo códego

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

    Estou confuso, mas minha confusão é pelo fato de que pra mim foi muito complexo, não entendi muito mas ao mesmo senti sinto que foi o melhor video de React que já assisti kkkkkkk. Serio, mesmo sem entender a fundo agora consigo imaginar como o React funciona, antes disso era tão abstrato que eu nem se quer tentava entender. Clareou demais o que acontece agora, muito obrigado!!!!!!!!!!!!!!!!!

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

    BOM DEMAIS! Obrigado, eu tava procurando por isso e encontrei aqui em português! Massa demais.

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Shoooow!!! Fica de olho que vai ter episódio 2 hehe

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

    CAR ALHO, que aula de engenharia reversa...

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

    Sensacional! Muito obrigado por compartilhar conteúdo de qualidade gringa! Parabéns!

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

      Cara eu que agradeço esse nível de comentário aqui, vamo mostrar que os BR mandam mt bem tbm!!!

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

    Sensacional!! Faz um de Angular, POR FAVOR!!!!!

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

      asuhsahusahu esse ai ia dar um trampo, maaaas pq não?

  • @matheuscardoso1
    @matheuscardoso1 3 ปีที่แล้ว

    Aí meu mano: Que vídeo foda. Parabéns. Me agregou a beça, valeuzão. Conteúdo br melhor que o da gringa, que isso. Que orgulho.

  •  4 ปีที่แล้ว +37

    "Não é magia, é código", ceticismo na programação kkkkkk

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

      Mas é claro ashusahusauh sempre brinquei com isso em aula

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

    Uma palma de like! Esse cara merece

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      ASUHSAUHSAHUASHUASUH novo meme do canal

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

    Parabéns pela ideia, sensacional. Vídeo incrível

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

    Aula braba demais meu rei parabens pelo conteudo

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

    Incrível seus vídeos!! Totalmente diferenciado, tanto em conteúdo quanto em qualidade. Likee

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Po comentário massa!!!! Muito obrigado, tento fazer todo vídeo com mt carinho

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

    muito show cara!!!!!!!!!!!!!🚀

  • @jonhsmartins
    @jonhsmartins 3 ปีที่แล้ว

    "Não é magia, é código" foi uma frase icônica só perde pra "não é feitiçaria, é tecnologia". Mas essa é impossível superar kkkk. Ótimo vídeo.

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

    Só conteúdo monstro heim….

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

    Caraca brother, muito louco esse conteúdo, parabéns por compartilhar seu conhecimento com a gente, obrigado mesmo, muito sucesso pra você, grande abraço!

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Cara eu que agradeço o feedback aqui, que bom que curtiu \o/

  • @iwryrozemberg
    @iwryrozemberg 4 ปีที่แล้ว

    Que explosão de conteúdo.. Inscrito, curtido e compartilhado!!!

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Vaaaaaaleuzao!!!! Ajuda demais o canal TU N TEM IDEIA!!! sauhsahushau chegamos nos 10k essa semana e com 100k views!

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

    Show de bola

    • @DevSoutinho
      @DevSoutinho  3 ปีที่แล้ว

      Vaaleu \o em breve tem o do setState hehe

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

    SENSACIONAL

  • @tiagoborges7297
    @tiagoborges7297 3 ปีที่แล้ว

    Simplesmente sensacional!

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

    Excelente vídeo!

  • @ronaldo-filho
    @ronaldo-filho 4 ปีที่แล้ว +1

    Sensacional, parabéns!

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

    Muito bom!! Parabéns pelo vídeo!! 👏👏

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

    Cara, muito foda o conteúdo! Parabéns

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

    Caraca, muito bom, cai de paraquedas nesse vídeo maravilhoso 😍 palma de likes

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

      #palmaDeLikes sauhsahuhuas que bom que curtiu!

  • @MarceloAugusto-cw9ik
    @MarceloAugusto-cw9ik 4 ปีที่แล้ว +1

    Cara, muito mas muito bom mesmo, explicou certinho, vou acompanhar os próximos vídeos, parabéns!
    E não sabia que você tinha uma série no Alura, vou lá ver!

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Depois me conta o que achou \o/

  • @victorwvieira
    @victorwvieira 4 ปีที่แล้ว

    Gostei do estilo "Engenharia Reversa" do video 👏

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

      Vai rolar mt mais!!! Em breve haha

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

    Muito show!

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

    Show de bola!
    Parabéns pelo vídeo, ficou bem explicado.
    Recomendo para os próximos, criar uma lista de passos do que você irá fazer e ir marcando elas como feito ao longo do vídeo, assim você pode deixar o fluxo já na cabeça de quem está assistindo.
    Outra coisa, seria da mesma forma que você colocou um diagrama da árvore de elementos HTML, você ter criado uma árvore de elementos que você estava exemplificando no seu código, mostrando e dando destaque nas tags que você estava resolvendo em cada ponto do código.
    Esses são os pontos de melhoria que imagino que agregaria ainda mais valor ao vídeo.
    Parabéns por compartilhar o seu conhecimento!
    Me inscrevi no canal, vou dar uma olhada nos outros vídeos postados e vou acompanhar os próximos.
    Te desejo sucesso!
    Um abraço!

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

      Cara vou tentar fazer isso, na série do Flappy Bird eu fiz, pras novas como eu to testando mt coisa, acabei não separando mas podexa que vou organizar melhor tudo o que ta rolando :)

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

      E muito obrigado pelo comentário, super construtivasso

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

    Parabéns pelo video! Tenho uma dúvida, fui escrevendo o código junto o video, mas no final o bloco return com sintaxe JSX não roda. No console do navegador tenho esse erro "Uncaught TypeError: virtualNode.props.children.forEach is not a function". Alguém mais teve esse problema?

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

    Muito bom, cara! Parabéns mesmo

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

    Vídeo excelente!
    Cara você parece muito o Jon Favreau jovem

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      UHASASHUHUSAHAUSUHAHUSUAH vou guardar isso pra fazer piadinhas nos vídeos boa

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

    incrível

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

    antes do "Olá pessoas" já mandei o like

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      ahahahhah só posso agradecer a confiança

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

    Muito bom!!

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

    Fantástico

  • @marquinhusgoncalves
    @marquinhusgoncalves 4 ปีที่แล้ว

    Sensacional 👏🏼👏🏼👏🏼👏🏼

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Olha quem ta por aqui hehe

  •  4 ปีที่แล้ว +1

    Muito bom. Agora já sei como posso fazer um framework kkk

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

      Oh no! HAHAAHSHHAHS uma nova era de frameworks JavaScript... Coming soon

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

    AAAAAAAAA QUE TOP!!!!

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

      ahushuuha que bom que tu ta curtindo os vídeos \oo

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

      Fico feliz de ver seus comentários empolgados \oo

  • @riemi2009
    @riemi2009 3 ปีที่แล้ว

    Muito bom

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

    0 deslikes, fé na humanidade restaurada com sucesso.

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

    Foda!

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

    Pensando em fazer um tc baseado nisso

  • @joniltonbros
    @joniltonbros 4 ปีที่แล้ว

    Magia

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Tecnologia turuturururu

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

    Palma de like... não sei qual usar, então toma os dois fera 👏👍 hahaha

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      GENIAL Hahshahahahaha vou usar nos próximos vídeos os emojis

  • @lucianferreira3444
    @lucianferreira3444 3 ปีที่แล้ว

    Quem tá assistindo há exatamente 1 ano da publicação, levanta a mãozinha só pra ver uma coisa. 😂 🖐

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

    Começo do vídeo é confuso, mas no final achei que taba no começo (Não que esteja mal explicado, mas isso é bem complexo)

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

      asuhsahusahu valeu o comentário, é mais complexo mesmo. Recomendo dar uma olhada nos vídeos de base de Front que eu mexo com DOM nativo e talz, da uma ajuda pra entender aqui depois \o

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

    Palma de like hahahahahaa

    • @DevSoutinho
      @DevSoutinho  4 ปีที่แล้ว

      Seria o novo meme do canal? Hahaha

  • @webrtccommunity7257
    @webrtccommunity7257 3 ปีที่แล้ว

    "ter amor próprio é tudo né?" foi isso que vc disse quando quis o Tocantins inteiro? kkkkkk

  • @GustavoHenrique-iq3uu
    @GustavoHenrique-iq3uu 10 หลายเดือนก่อน

    23 minutos que não entendi nada, mas fiquei empolgado KKKKKK

  • @gilmariosoftware
    @gilmariosoftware 3 ปีที่แล้ว

    OIA

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

    deus

  • @lucasmoura4480
    @lucasmoura4480 4 ปีที่แล้ว

    Du caralho so isso kkk

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

    Zero 'Não gostei', merecido.

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

      CARA EU TO CHOCADO COM ISSO!!! (Ctz que alguém vai dar dislike dps desse comentário)

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

    Muito bom