---
# System prepended metadata

title: 'React Course 4:'
tags: [React, ' lifecycle']

---

---
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