Dive into the world of frontend frameworks and their shift towards reactivity! In this video, we unravel the concept of reactivity, explore why popular frameworks like React might not be 'reactive' in a traditional sense, and discuss the emerging trend of built-in reactivity in modern UI frameworks.
CHAPTERS
0:00 - Introduction
0:42 - What actually is Reactivity?
1:03 - Examples of reactive systems
1:15 - Why JS isn't reactive ?
1:46 - Why is reactivity perfect for UI ?
2:06 - Birds eye view of frontend
2:53 - Pixels all the way
3:16 - Code Example - React drawback
4:25 - VDOM - Why react isn't reactive
5:29 - React - Scheduler
5:41 - React's philosophy + design pattern
5:57 - Performance Cost of VDOM
6:20 - Problems with full reactivity
7:43 - Balance with push+pull observer pattern - Youtube example
8:42 - How solid works
10:22 - Cleaner code and DX
10:56 - Conclusion
RELATED VIDEOS
🎯 • How a SINGLE piece of code TOOK DOWN ...
🎯 • Animating Michael Scott's Parkour Fli...
🎯 • REACT 70% FASTER?!? | Million.js expl...
🎯 • Why are frontend frameworks going REA...
🎯 • Companies TRACK you ONLINE using cook...
💡 Let us know your feedbacks. Do like, share, and subscribe for more insightful tech content!
Special shoutout to @swyxTV for his insightful talks "Why react is Not Reactive ?" on @ReactNYC and @reactrally2196 that helped with research.
• Why React Is *Not* Reactive - Shawn W...
Also Thanks to :
Builder.io: https://www.builder.io/ @Builderio @Steve8708
Svelte: https://svelte.dev/docs
SolidJS: https://www.solidjs.com/guides
Vue.js: https://vuejs.org/
React: https://react.dev/
Thanks
@SvelteSociety @solid_js @ryansolid @Angular @miskohevery1127
#frontend #webdev #javascript #react #vue #angular #reactivity #programming #builderio #svelte #solidjs #vuejs #reactjs #qwiklab #frontenddeveloper #frontenddevelopment #web #webdevelopment #technology #tutorial #comedy #memes #futureoffrontend #mindblown