極客時間 React從入門到精通學習記錄

極客時間：React 從入門到精通
全部課程已經更新完畢，感謝你們支持！🎉🎉🎉
本 Repo 包含了全部課程的演示代碼，代碼由 codesandbox.io 同步到本 Repo：https://codesandbox.io/s/6n20...

經過 codesandbox.io 您能夠在線修改演示代碼嘗試運行結果，無需本地部署。

課程講稿下載

Demo 結構
以下圖，左側爲全部代碼，按課程順序進行 Demo 的組織。右側爲演示界面，菜單顯示了全部可運行的 Demo 連接。點擊菜單能夠看到運行的結果。

Demo 列表
01 chat-app: 簡單的 React 組件和交互演示
02 comment-box：評論框界面的組件拆分和實現
03 clock: JSX 語法演示
04 clock: 顯示當前時間的組件，演示生命週期方法的調用
05 dom-diff：演示 DOM Diff 的算法原理
06 adv-tab-selector，withTimer: 高階組件和函數做爲子組件
07 locale-sample： 使用 Conext API 實現多語言切換
11 pure-reducer：純 Redux 的使用
12 counter：在 React 中使用 Redux
13 async-action：Redux 異步 action，中間件的概念
14 org-action：如何組織 Redux 的 action 和 reducer
16 router-sample：路由不僅是頁面切換，更是代碼組織方式
17.1 router-params：路由參數定義
17.2 nexted-route：嵌套路由
29.1 form-submit： 表單提交
29.2 form-submit-antd：使用 antd 的表單組件
30 dynamic-form：動態表單
31 list-page：列表頁的翻頁，搜索和緩存
33 multiple-request：頁面多個請求的處理
35 wizard-sample：基於路由實現嚮導頁面
36.1 layout1：經常使用佈局的實現
36.2 layout2: 經常使用佈局的實現
36.3 layout-resize：實現側邊欄可調整寬度
37.1 portal-example：使用 React Portals 實現的對話框
37.2 antd-dialog：使用 antd 實現對話框
40 dnd-sample：在 React 中實現拖放功能
43 reselect-sample：使用 reselect 避免重複計算
44 suspense：React 的異步渲染