Can Swyx recreate React Hooks and useState in under 30 min? - JSConf.Asia

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

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

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

    This is the best talk I have seen in a long time.

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

      Jishnu Viswanath ☺️☺️☺️

  • @buka.a
    @buka.a 2 ปีที่แล้ว +19

    This is so amazing. I just code without really knowing how these things work behind the scene. People who go back to study and understand are the real MVPs.

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

    Every second in this talk is worth $$$ -- Literally, this is a GEM!

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

    Great talk !
    Speaker knows what he is talking about, great pace, lots of code ...

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

    Sick talk. Juiced everything I could out of it. Took me days. Thanks to Shawn, you're a rockstar.

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

    Haven't watched an intriguing talk like this one 👆🏼 in a long time.
    Shawn Wang thank you for the excellent presentation on demystifying React Hooks. 👏🏼🙌
    I am hooked ⚓️

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

    I usually don't comment, but the way you implemented the hooks from scratch was really impressive. Great work!

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

    This is the kind of talks I really enjoy, I've been using hooks for a while without actually understanding the background behaviour. Thanks a lot !

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

    This is a gem. Thank you for your hard work.

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

    OMG! mind blown by the way he explained the useState. awesome talk thanks

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

    OK i would say that i am late but i have to watch this over and over.
    This is very interesting to me.

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

    This is the ultimate guide to the internal working of hooks!!!!!!

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

    The Magritte intro is great. Fascinating talk SWYX!

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

    Developer must watch this. it's very awesome video 🙏🏻

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

    Thanks for this amazing presentation. I have a great mental model of how hooks work.
    I wish I could see the utility functions you used to convert to JSX, is there a repo or link the sandbox?
    Thanks 🙏

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

    Wow nice talk Shawn! He's right, the best way to understand something is to try to implement it yourself

  •  5 ปีที่แล้ว +2

    Very nice talk and a good explanation of hooks. I think that presenter should have skipped the second part with rendering to DOM as it was not relevant but that is just my personal opinion.

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

    It was so interesting, that side by side I opened my code editor and followed everything. Thanks

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

    the effect that the function is saved and has private variables is due to the implementation of the behavior by the engine. But the term closure is about something else altogether.

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

    Such an underrated video. I loved it.

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

      thanks very much!!

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

    I just watched this video, and it's just AMAZING!! Thank you so much!

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

    Great talk I will be watching this again!

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

    3:20 shots fired!
    Nothing agains w3school it good for juniors.

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

    Great explanation of the internals of hooks!

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

    THIS TALK POPPED OFF

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

    fantastic talk.thank you so muhc

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

    8:13, why it is not working before? why do we have to turn it into getter function????

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

    Isn't it the setState method who should invoke the render? Not the timers?

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

    if you minify it fits in a tweet 🤔

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

    This is exactly what I was looking for! :)

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

    "Thats not React" - Shawn Wang :D

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

    Interesting! Thanks for this talk!

    • @swyxTV
      @swyxTV 5 ปีที่แล้ว

      Oyelowo Oyedayo thanks for watching!

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

    Great job, this is very informative.

  • @perc-ai
    @perc-ai 5 ปีที่แล้ว +2

    We love you swyx

    • @swyxTV
      @swyxTV 5 ปีที่แล้ว

      Zah i love you too!!

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

    Priceless!! Thank you :)

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

    Great !

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

    Memes in 1929:
    [painting of a pipe]
    Ceci n'est pas une pipe.

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

    Amazing

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

    This is gold. Thanks !!!!

  • @jingge3083
    @jingge3083 5 ปีที่แล้ว

    awesome talk

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

    I needed it indeed

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

    Mind-blowing.

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

    love this talk 🤟🤟🏻🤟🏾🤟🏿🤟🏼🤟🏽

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

    the video link mentioned in the talk is not available

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

      th-cam.com/video/nyFHR0dDZo0/w-d-xo.html

  • @min-lu1fr
    @min-lu1fr 5 หลายเดือนก่อน

    Is it possible to get the source code in this video?

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

    awesome talk 👌

  • @elmotareal
    @elmotareal 5 ปีที่แล้ว

    What about mutationobserver can it be used instead of timeout?

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

    Link to his previous talk, from his last slide, welcome
    th-cam.com/video/nyFHR0dDZo0/w-d-xo.html

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

    what code font is that?

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

    So helpfull thanks mate!

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

    Awesome

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

    great talk!

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

    Impressive! And btw, w3school is awesome.

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

    Wow!!!!!!

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

    What is the answer? - what does react do?

  • @saurabh-ny8cn
    @saurabh-ny8cn ปีที่แล้ว +1

    This was asked in my interview - rejected

  • @tejasgirase6861
    @tejasgirase6861 5 ปีที่แล้ว

    awesome 👌 👌👌😊😊

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

    would be a lot simpler by using classes

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

    10/10

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

    For the answer link :
    th-cam.com/video/nyFHR0dDZo0/w-d-xo.html

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

    Thanks, nice explanation but I still have feeling that something is wrong with hooks and they will be replaced with better concept like it happened with classes. I think it is wrong that it is not possible to wrap any line of code with a condition. It is wrong that I cannot use hooks inside helper functions without making these function also hooks. I did like the idea of pure functions and hooks just broke it. Hooks make it really hard to code sequence of actions and debug it. They recall global variables when data just appear from nowhere. I think it would be better just have some kind of controlled storage passed to functional components in parameters and init part inside a Component function.

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

    His answer: youto.be/nyFHR0dDZo0 YW

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

    w3school is cry on bed

  • @unemployed-coder
    @unemployed-coder 9 หลายเดือนก่อน +1

    amazing

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

    Great talk!