<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          React全新文檔終于來了

          共 1353字,需瀏覽 3分鐘

           ·

          2021-11-07 01:36


          源?/?? ? ? ??文/?

          React一直被吐槽官方文檔對新手不友好,而且自從v16.8出現(xiàn)Hooks后,Hooks逐漸成為React主要發(fā)展方向,新特性都會基于Hooks開發(fā)。
          但是當前官方文檔還是基于class component講解。所以從去年10月開始,React團隊的「Rachel Nabors」開始推進新文檔的編寫。
          關(guān)于「Rachel Nabors」的經(jīng)歷,可以參考我之前寫的一篇文章從失學二次元少女到React核心成員
          時隔一年,21年10月22日,React新文檔Beta版[1]終于上線了。
          本文會介紹新文檔相比老文檔的不同之處,以及當前進度。

          新文檔的特色

          一句話概括新老文檔的區(qū)別:
          如果說老文檔是論文,那新文檔就是教科書
          具體來說,新文檔有三個特點:
          1. 所有示例都會用Hooks完成
          HooksReact的未來,相比老文檔使用Class Component做示例,新文檔全面擁抱Hooks
          1. 加入大量交互示例和圖表
          光是從React視角思考[2]這一節(jié)就包括6段代碼示例、2張圖、3個可交互的示例。
          1. 提供習題用來檢驗學習成果
          比如,學習JSX[3]這一節(jié)最后有一道習題,需要你修復(fù)錯誤的JSX語法:
          新文檔主要包括兩部分內(nèi)容:
          • 新手入門
          • API介紹

          新手入門

          我們可以從「新手入門」的章節(jié)設(shè)計體會React的用意:
          1. 安裝
          2. React的方式思考
          3. 描述UI
          4. 增加交互
          5. 管理狀態(tài)
          6. 如何繞過React去手動操作DOM
          簡言之就是,通過大量示例、試題循序漸進讓新手學習React的基本概念。
          「新手入門」部分當前整體進度為:完成70%

          API介紹

          「API介紹」圍繞Hooks展開,同樣包含大量示例。當前整體進度為:完成5%
          class component相關(guān)的老API應(yīng)該不會出現(xiàn)在新文檔中,這部分API介紹會被重定向到老文檔中。

          總結(jié)

          不管是React18討論組,還是新文檔開發(fā),都提供了反饋渠道。任何人都可以通過Github issue #3308[4]匿名論壇[5]提出意見。
          新文檔地址:
          https://beta.reactjs.org/
          對新文檔你有什么想說的,歡迎討論。

          參考資料

          [1]

          React新文檔Beta版:https://beta.reactjs.org/

          [2]

          從React視角思考:https://beta.reactjs.org/learn/thinking-in-react

          [3]

          學習JSX:https://beta.reactjs.org/learn/writing-markup-with-jsx

          [4]

          Github issue #3308:https://github.com/reactjs/reactjs.org/issues/3308

          [5]

          匿名論壇:https://www.surveymonkey.co.uk/r/Y6GH986





          END


          頂級程序員:topcoding

          做最好的程序員社區(qū):Java后端開發(fā)、Python、大數(shù)據(jù)、AI


          一鍵三連「分享」、「點贊」和「在看」


          瀏覽 39
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  国内夫妻【20p】 | 亚洲色河| 日韩无码第三页 | 女人高潮视频网站 | 超碰大香蕉97 |