一張思維大圖入門React

俗話說的好“好記性不如爛筆頭”，今天秉承著後期複習方便的態度，整理了一份React基礎知識點，並以思維導圖的方式呈現出來，方便跟老鐵們一起查漏補缺。“React”完整思維導圖也有呀！！！

一、專案初始化

二、UI層面

2.1 JSX基礎

2.2 進階

2.2.1 事件處理

2.2.2 條件渲染

2.2.3 列表

2.2.4 表單

三、元件

3.1 class元件

3.1.1 使用class元件需滿足條件

3.1.2 相關屬性方法

3.1.3 宣告週期圖譜

3.2 function元件

3.2.1 HOOK

3.2.1.1 函式

3.2.1.2 HOOK規則

3.2.1.3 自定義HOOK

3.3 高階元件

四、資料層面

五、重要包

六、感悟

在整理這些基礎知識點的過程中，有以下幾點感悟，不一定正確，分享出來與大家探討：

1. React中很多功能在開發中用的並不多，例如：資料傳輸方面Redux+props即可滿足很多需求、Hook中常用的也只有useState、useEffect等，實現的一些功能僅僅是為了滿足整個框架的完整性；
2. HOOK的出現基本上讓function元件一統天下，不必再使用class元件；
3. 框架在不斷向著越來越簡單的方向發展。

1.如果覺得這篇文章還不錯，來個分享、點贊吧，讓更多的人也看到

2.歡迎關注公眾號前端點線面,開啟程式設計救贖之路。