React全新文件終於來了

卡頌發表於2021-10-28

大家好,我卡頌。

React一直被吐槽官方文件對新手不友好,而且自從v16.8出現Hooks後,Hooks逐漸成為React主要發展方向,新特性都會基於Hooks開發。

但是當前官方文件還是基於class component講解。所以從去年10月開始,React團隊的Rachel Nabors開始推進新文件的編寫。

關於Rachel Nabors的經歷,可以參考我之前寫的一篇文章從失學二次元少女到React核心成員

時隔一年,21年10月22日,React新文件Beta版終於上線了。

本文會介紹新文件相比老文件的不同之處,以及當前進度。

新文件的特色

一句話概括新老文件的區別:

如果說老文件是論文,那新文件就是教科書

具體來說,新文件有三個特點:

  1. 所有示例都會用Hooks完成

HooksReact的未來,相比老文件使用Class Component做示例,新文件全面擁抱Hooks

  1. 加入大量互動示例和圖表

光是從React視角思考這一節就包括6段程式碼示例、2張圖、3個可互動的示例。

  1. 提供習題用來檢驗學習成果

比如,學習JSX這一節最後有一道習題,需要你修復錯誤的JSX語法:

新文件主要包括兩部分內容:

  • 新手入門
  • API介紹

新手入門

我們可以從新手入門的章節設計體會React的用意:

  1. 安裝
  2. React的方式思考
  3. 描述UI
  4. 增加互動
  5. 管理狀態
  6. 如何繞過React去手動操作DOM

簡言之就是,通過大量示例、試題循序漸進讓新手學習React的基本概念。

新手入門部分當前整體進度為:完成70%

API介紹

API介紹圍繞Hooks展開,同樣包含大量示例。當前整體進度為:完成5%

class component相關的老API應該不會出現在新文件中,這部分API介紹會被重定向到老文件中。

總結

不管是React18討論組,還是新文件開發,都提供了反饋渠道。任何人都可以通過Github issue #3308匿名論壇提出意見。

新文件地址:

https://beta.reactjs.org/

歡迎加入人類高質量前端框架研究群,帶飛

相關文章