[react] React 新手必須知道的 N 件事

reatjs 是一個很基礎的 view 架構，而我們卻把它當成了一個完整的用戶端架構來用，其中各種局限和風險，最好在一開始就了解清楚。

1. title: '[react] React 新手必須知道的 N 件事'

   date: 2017-08-08 19:58:24

   tags:

   • react
   • reactjs
   • props
   • onChange
   • 架構

   • redux

     categories:

   • 技術
   1. 盡量用 props & onChange，不要用 ref 擷取引用然後調用方法。詳情參考部落格：一等公民 props & onChange
   2. React 隻是一個視圖架構，請盡量在 Component 裡隻做他擅長的事情。盡量寫無狀态的 Component。視圖以外的事情，比如控制層、資料層、網絡層，需要借助其他架構來完成。詳情參考部落格：React 僅僅是一個 view 架構
   3. 避免重複造輪子。react 有豐富的第三方 Component & Utils & everything。寫任何元件前請先看看這裡：awesome-react-components
   4. Less state，more PureComponent. 深刻了解和區分 Presentational Component 和 Container Component。前者決定元件如何顯示，更關心對已知資料的展示，大量操作 dom，很少有 state；後者更關心資料的擷取和更新，關心互動操作，很少直接操作 dom，可能包括很多 state。詳解請參考：Presentational and Container Components
   5. 了解 React 的單向資料流，了解他的優勢和局限。詳情：React 元件資料流 && 元件間溝通
   6. 如果是中大型項目，請添加靜态類型檢查。TypeScript 或者其他類似的解決方案。因為 js 太自由了，很容易對一個對象增加和删除一個字段。如果，恰好其他人需要看這段代碼，可能需要追溯好幾條街，閱讀7、8個代碼檔案，才知道某個對象的一個對象是從哪裡來，結構如何。在多人配合的項目中，這種「自由」帶來的便利，遠遠抵不上代碼可讀性降低帶來的阻礙。

此部落格已遷移至blog.bookbook.in，以後不再更新