React is the magic box for most developers. But as we know, magic does not exist in our world. And today I’m going to open this box and explain in simple words how React builds a virtual tree, how it updates it, and at the same time we always see our cherished 60 frames per second.
React Reconciliation - reactjs.org/docs/reconciliati...
React Fiber Architecture - github.com/acdlite/react-fibe...
ReactNext 2016 "What is React Fiber?" - • Andrew Clark: What's N...
Heuristic (computer science) - en.wikipedia.org/wiki/Heurist...)
List of priorities - github.com/facebook/react/blo...
List of priority timeouts - github.com/facebook/react/blo...
Unstable exports - github.com/facebook/react/blo...
Support AI Bruise:
Patreon - / membership
Timecodes:
00:00 - Topic announcement
00:41 - Information sources
00:59 - Reconciliation short definition
01:11 - How react works under the hood
02:33 - React DOM and RN rendering
02:50 - Tree traversing algorithm
04:21 - Type changing real example
07:13 - Prioritization flow
08:25 - Prioritization realization in GitHub
09:25 - React Fiber intro
10:05 - Conclusion
Subscribe to channel: / @ai-bruise
#react #webdevelopment #programming #frontend #reactjs
Негізгі бет The Heart of React || How React works under the hood
Пікірлер: 13