[React] constructor bind this or Component event bind this?

最近在跟公司的團隊還有朋友再深入討論 React 的效能細節，有討論到 React 的 function bind this 要寫在constructor 還是使用 arrow function ?

後來實驗出來我個人推薦在 constructor bind ，並且使用 props 把所需參數傳入。

原因是因為如果是在 Component 的事件裡面 bind，或是使用 arrow function auto bind ，實際上在 React Render 裡面的 function 都是新產生的，而 constructor bind 則會同一個 function，當一個畫面 render 久了前者就有效能議題了。

範例程式碼在
https://jsbin.com/howida/edit?js,console,output

React Component shouldComponentUpdate 實作

最近朋友遇到一個有趣的React問題，可能頁面上有個值，一秒鐘會有幾萬筆資料進來，但是如果要一直更新畫面，效果不好。

這邊我推薦使用shouldComponentUpdate 來阻擋這種一秒鐘幾十萬資料變動的畫面呈現議題。

範例程式碼如下
http://jsbin.com/lilubaj

1. ParentComponent每1ms變動一次數值給ChildComponent(this.state.count)。
2. ChildComponent會在畫面上呈現(this.props.count)。
3. shouldComponentUpdate 有個timer設置每1秒才會允許畫面更新一次。
4. componentWillReceiveProps 原本的資料還是每1ms都會更新(資料流是正確的)。