Try   HackMD

Mindy Tai - 自己的工具自己造,咱們重頭來造 React hooks!

歡迎來到 JSDC 2020 上半場 | 道場 (09:00 ~ 12:00) 共筆 :mega:
共筆入口:https://hackmd.io/UuG6jn4zR-GfDFGcgVJc-Q

點選主題就可以進到個別場次的共筆 :heart:

tags: jsdc2020, 上半場 - 道場

https://hackmd.io/qEGC7hBuSVWFAHz6KIVXmw?both

React Hooks

原理

  • 底層是用 linked list 實作,因此可以想成是操作 array 的流程

useState
useEffect

(影片中的程式碼會補上嗎,想再看一下😂)


Q: 會把 react hooks 跟 class 混合嗎?
A: Hooks 只能在 function component 中使用,不能在 class 中用。

Q: 想問問看 setState hook 是如何在 state 改變時,知道要rerender 自己的 component


有人推薦可以讀這篇:
https://overreacted.io/why-do-hooks-rely-on-call-order/

Redux 作者 dan 寫的 blog,詳細解釋剛剛 mindy 講者有提到的一些 hooks 核心原理

有人補充五倍每個月晚上都會有一次 Meetup:
https://hackmd.io/kOpiEy2TTYiutiHStR46Hw