Video:
- React Internals Deep Dive 1 - Hello World! Debugging
- React Internals Deep Dive 5 - How does useState work internally?
Video:
- What Is React Fiber? React.js Deep Dive #2
- React Internals Deep Dive 15 - How does React traverse Fiber Tree internally?
- Understanding React's UI Rendering Process
Article:
- https://github.com/acdlite/react-fiber-architecture
- https://tusharf5.com/posts/react-fiber-overview/
- https://makersden.io/blog/look-inside-fiber
react 是用 react fiber, reconciliation 和 virtual dom 來對真實的 dom 進行更新和 render,那其他框架(例如:vue, angular, ember, solid, svelte, qwik...)是用什麼方法來實現這件事情?這次的主題主要會聚焦在 signals 這個設計上面。
Video:
Article
- A Hands-on Introduction to Fine-Grained Reactivity:https://dev.to/ryansolid/a-hands-on-introduction-to-fine-grained-reactivity-3ndf
- JavaScript Signals standard proposal:https://github.com/tc39/proposal-signals
- Signals vs. Observables, what's all the fuss about?:https://www.builder.io/blog/signals-vs-observables
- useSignal() is the Future of Web Frameworks:https://www.builder.io/blog/usesignal-is-the-future-of-web-frameworks
- Signal - 蓄勢待發的 Virtual DOM 殺手:https://maxlee.me/posts/signal
- 主題:如何用 debugger, useState 的底層運作原理
- 筆記:筆記
- 主題:react fiber and reconciliation
- 筆記:https://hackmd.io/@bleach1827/Hy4hTBGu0
- 主題:signals
- 筆記:
- Understanding React:https://dontimitateunderstand.com/p/understanding-react
- React Internals Deep Dive:https://youtube.com/playlist?list=PLvx8w9g4qv_p-OS-XdbB3Ux_6DMXhAJC3&si=7rXjDGeY5mSYUORf
- Inside Fiber: an in-depth overview of the new reconciliation algorithm in React:https://blog.ag-grid.com/inside-fiber-an-in-depth-overview-of-the-new-reconciliation-algorithm-in-react/