React.js 更新畫面的流程 Lifecycle

React 提供有這些 Updating 階段的方法：

componentWillReceiveProps()：
React 17 開始被拿掉

static getDerivedStateFromProps()：
要使用 props 改變 state 用，傳回新的 state or null，用 this.setState
不要再這邊用 http request

shouldComponentUpdate()：
優化效能，回傳 boolean 詳細判斷，react.js 依 state, props re-render 的更新方式，不一定每次都要更新～

componentWillUpdate()：
React 17 開始被拿掉

render()：
React 開始組資料 jsx

getSnapshotBeforeUpdate()：
React 渲染前面判斷有沒有有沒有 props 被改變，可return 給 componentDidUpdate 第三的參數使用使用

componentDidUpdate()：
渲染完成，要使用 http request 可以在這邊

LeoYeh interactive channel