大家好,我卡頌。
React
一直被吐槽官方文件對新手不友好,而且自從v16.8
出現Hooks
後,Hooks
逐漸成為React
主要發展方向,新特性都會基於Hooks
開發。
但是當前官方文件還是基於class component
講解。所以從去年10月開始,React
團隊的Rachel Nabors開始推進新文件的編寫。
關於Rachel Nabors的經歷,可以參考我之前寫的一篇文章從失學二次元少女到React核心成員
時隔一年,21年10月22日,React新文件Beta版終於上線了。
本文會介紹新文件相比老文件的不同之處,以及當前進度。
新文件的特色
一句話概括新老文件的區別:
如果說老文件是論文,那新文件就是教科書
具體來說,新文件有三個特點:
- 所有示例都會用
Hooks
完成
Hooks
是React
的未來,相比老文件使用Class Component
做示例,新文件全面擁抱Hooks
。
- 加入大量互動示例和圖表
光是從React視角思考這一節就包括6段程式碼示例、2張圖、3個可互動的示例。
- 提供習題用來檢驗學習成果
比如,學習JSX這一節最後有一道習題,需要你修復錯誤的JSX
語法:
新文件主要包括兩部分內容:
- 新手入門
API
介紹
新手入門
我們可以從新手入門的章節設計體會React
的用意:
- 安裝
- 用
React
的方式思考 - 描述
UI
- 增加互動
- 管理狀態
- 如何繞過
React
去手動操作DOM
簡言之就是,通過大量示例、試題循序漸進讓新手學習React
的基本概念。
新手入門部分當前整體進度為:完成70%
API介紹
API介紹圍繞Hooks
展開,同樣包含大量示例。當前整體進度為:完成5%
和class component
相關的老API
應該不會出現在新文件中,這部分API
介紹會被重定向到老文件中。
總結
不管是React18
討論組,還是新文件開發,都提供了反饋渠道。任何人都可以通過Github issue #3308和匿名論壇提出意見。
新文件地址:
https://beta.reactjs.org/
歡迎加入人類高質量前端框架研究群,帶飛