--- tags: React, lifecycle --- # React Course 4: ## :memo: todo list 1. React hook lifecycle 2. CSS-in-JS 3. Fake API 4. 學了React 以後呢？ 5. Global state management ### 1. React hook lifecycle ![](https://i.imgur.com/ibgtB1V.png) ref: https://wavez.github.io/react-hooks-lifecycle/ ### 2. CSS-in-JS What Is The Problem CSS-in-JS Is Trying to Solve? https://sparkbox.com/foundry/css_in_js_overview_css_in_js_pros_and_cons Chinese doc: https://ithelp.ithome.com.tw/articles/10223071 Example:https://github.com/hryjosn/imgur-photo-manager/blob/main/src/container/Upload/Upload.style.js emotion: https://emotion.sh/docs/@emotion/styled ### 3. Fake API https://github.com/typicode/json-server ### 4. 學了React 以後呢？ https://ithelp.ithome.com.tw/articles/10227078 ### 5. Global state management https://mobx.js.org/react-integration.html