JavaScript Reactivity: Driving evolution in frameworks

Explore the concept of reactivity in JavaScript in this detailed video. I start by explaining what reactivity is and how it can be implemented in vanilla JavaScript. From there, we dive into its evolution across major frameworks like React, Angular, Svelte, and Vue.js. Discover how each framework handles reactivity, the changes they've undergone to optimize it, and where we stand today in the ever-evolving landscape of web development. Whether you're a seasoned developer or just starting out, this video will provide you with a thorough understanding of reactivity and its impact on modern web frameworks. #React #Angular #Svelte #VueJS

[@gfocaraccio]

Think I just learnt more about reactive frameworks in 9min than in the last 6 months. Thank you for the precision! You should teach.

[@dadcodes]

Thank you! I'm glad you found the video helpful. A lot of these concepts seem daunting at first, but once you understand the reasons and history, it all makes sense. Stay tuned for more content!

[@Danishkhan-ni5qf]

This was brilliant!

[@dadcodes]

Happy you liked it! If you have any suggestions for future videos, let me know. :)

[@venny5417]

Very nice video. It's also interesting that there's a proposal for signals to come to vanilla JS. When that comes about I believe most frameworks will coalesce into a more unified model of reactivity. Especially React would probably need to considering browser optimizations would likely allow these signals to be faster than their framework counterparts. So React would be even more left in the dust so to say.

[@dadcodes]

Absolutely! I don't see how React can compete with something built into the language. Ryan, the creator of Solid, had a talk with Jatin, a member of Google's Wiz team, who also introduced signals to the TC39 committee. They mentioned that having a common implementation will unlock the ability to build tooling. Something even more intriguing was said by Alex, from the Angular core team: frameworks will be able to share a reactivity graph, so state maintained in one framework can be read in another. So, interesting times ahead. Thanks for watching and commenting. Any feedback would be super helpful.

[@tiagozc1]

great explanation, btw, what's the font in your code samples? tks

[@dadcodes]

Glad you liked it! For this video I've used the default theme of Zed editor. I think it's just called zed fonts...

[@marslogics]

Nice work explaining all this.

[@dadcodes]

Thanks. Any feedback is greatly appreciated:)

[@ifeoraokechukwu1346]

Great video! It's so well explained

[@dadcodes]

Glad you liked it. This week I’ll upload a video showcasing how to use signals in various frameworks. Hope you tune in.

[@DimitarRad]

Here is my like and comment ;)

[@dadcodes]

Thanks for the like and comment! Take that, CZcams algorithm! :D

[@MegaKakaruto]

Finally jQuery became meta again

[@dadcodes]

with the latest jQuery 4.0.0 release the others don’t stand a chance…

[@CristianKirk]

HTMX is here to end the misery created by JS frameworks.

[@dadcodes]

2024 is the year of serverlessless! Let's go HTMX!