[react] React 新手必須知道的 N 件事
阿新 • • 發佈：2018-12-31
- 儘量用 props & onChange，不要用 ref 獲取引用然後呼叫方法。詳情參考我的文章：一等公民 props & onChange
- React 只是一個檢視框架，請儘量在 Component 裡只做他擅長的事情。儘量寫無狀態的 Component。檢視以外的事情，比如控制層、資料層、網路層，需要藉助其他框架來完成。詳情參考我的文章：React 僅僅是一個 view 框架
- 避免重複造輪子。react 有豐富的第三方 Component & Utils & everything。寫任何元件前請先看看這裡：awesome-react-components
- Less state，more PureComponent. 深刻理解和區分 Presentational Component 和 Container Component。前者決定元件如何顯示，更關心對已知資料的展示，大量操作 dom，很少有 state；後者更關心資料的獲取和更新，關心互動操作，很少直接操作 dom，可能包括很多 state。詳解請參考：Presentational and Container Components
- 理解 React 的單向資料流，瞭解他的優勢和侷限。詳情：React 元件資料流 && 元件間溝通
- 如果是中大型專案，請新增靜態型別檢查。TypeScript 或者其他類似的解決方案。因為 js 太自由了，很容易對一個物件增加和刪除一個欄位。如果，恰好其他人需要看這段程式碼，可能需要追溯好幾條街，閱讀7、8個程式碼檔案，才知道某個物件的一個物件是從哪裡來，結構如何。在多人配合的專案中，這種「自由」帶來的便利，遠遠抵不上程式碼可讀性降低帶來的阻礙。