# 5/6

:::warning
- iOS: MVC -> MVVM
- web: HTML+CSS -> Redux 資料流概念 -> MVVM+Redux (playcraft 之前的架構) -> pure MVVM (playcraft 現在的架構)
- (iOS + Android) app Launch 進入點(app 開啟之後做了哪些事)
- 各平台的 layout system for each platform
- error handling (Kotlin + JS)
- @Ralf & @Isaac 教學 `*` `&` (C++)
- @Ralf 說要研究 js 的 null & undefined & ??
- 版號使用
:::

## web 繼續前緣

- 兩種實作方式
1. class component
2. HOOK (FUNCTION BASED)
- 「框架」出現的時間順序: Angular, React, Vue
- props: 從外面注入的參數 (jsx)

React hook 實現原理
- useState => 以陣列的方式依序管理現在與過去的資料
- useEffect(cb, dep) => 在render後會做的事情，並依照傳進來的dependency有沒有被改變，而決定要不要呼叫傳進來的callback

References
* [React hooks: not magic, just arrays](https://medium.com/@ryardley/react-hooks-not-magic-just-arrays-cd4f1857236e)
* [React hook 實現原理](https://segmentfault.com/a/1190000040887783)

Chrome 針對非 active 的分頁，有 [timer throttling] 機制(https://developer.chrome.com/blog/timer-throttling-in-chrome-88/)
所以固定做 polling 的行為會受影響

next
- useRef
- 非當前的分頁(or App)，可否加上我們要他做的行為(三個平台)
- Redux(準備中)