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

"Getting Closure on React Hooks" presented by Shawn "Swyx" Wang at JSConf.Asia 2019

The design of React Hooks requires a good understanding of closures in JavaScript. In this talk, we’ll reintroduce closures by building a tiny clone of React! This will serve two purposes – to demonstrate the effective use of closures, and to show how you can build a Hooks clone in just 29 lines of readable JS. Finally, we arrive at how you get Custom Hooks and the Rules of Hooks out of this incredible mental model!

JSConf.Asia - LASALLE College of the Arts, Singapore - 15 June 2019

License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.

Intro animation "something something prisms" by Martin Schuhfuss

Intro music "Know" by Matt McKegg

[jishnuviswanath]

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

[buka.a]

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]

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

[Grouiiiiik]

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

[andy_frank]

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

[davidneira]

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 !

[SarbbottamBandyopadhyay]

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 ⚓️

[nagarjundeepak]

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

[dangtruong]

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

[ashish]

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

[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.

[atichatl]

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

[HarrySolovay]

The Magritte intro is great. Fascinating talk SWYX!

[pranjalagnihotri]

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

[josephwong]

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

[amardeepbhowmick]

This is the ultimate guide to the internal working of

[abderrahmaneougouag]

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

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.

[GurovDmitriy]

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.

[tonybrown]

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 🙏