參看react中文文檔的react高級指南
JSX
只是React.createElement(component, props, ...children)的語法糖
PropTypes
可以利用propTypes進行內(nèi)容檢查负溪,但是由于性能問題祝闻。只在開發(fā)模式下使用,后續(xù)有需求再去研究馏颂,先不做了解蛮艰。
靜態(tài)參數(shù)檢查
一般大型項目都采用Flow或者Typescript贱鼻。后續(xù)需要使用時在看喻奥。
refs 和Dom
可以利用refs來取得dom對象。后續(xù)使用細看赖欣,目前只是有個概念屑彻。
不受控組件
利用refs配合表單元素可以快速對接react验庙。defaultValue可以設(shè)置不受控組件默認值。需要在使用中探索社牲。
不使用ES6
將ES6語法利用ES5替代粪薛,需要的時候再細看。
不使用JSX
所有的JSX都是React.createElement(component, props, ...children)的語法糖
一致性比較(reconciliation)
react樹的對比算法搏恤,目前知識有點了解违寿,需要使用后再回頭看看。
上下文(context)
不熟悉redux的不建議使用- -實驗性API挑社。等需要用的時候再看存不存在吧。
片段(fragments)
對于處理表格或列表來說是個很好的解決方案巡揍。fragment中只有key屬性痛阻。
插槽(portals)
portal可以將子元素掛載在任意dom元素中。而且可用事件冒泡做更高級的抽象(事件冒泡這一塊需要了解)
錯誤邊界(Error Boundaries)
react16的新概念腮敌。定義了componentDidCatch(error, info)的新生命周期方法阱当。
錯誤邊界 無法 捕獲如下錯誤:
- 事件處理 (了解更多)
- 異步代碼 (例如 setTimeout 或 requestAnimationFrame 回調(diào)函數(shù))
- 服務(wù)端渲染
- 錯誤邊界自身拋出來的錯誤 (而不是其子組件)
目前還在了解概念階段,都只是簡單了解糜工。后續(xù)有所體會再來接著補充弊添。如果真的使用react開發(fā)的話。應(yīng)該要說的很多都在進階這一塊里面捌木。