## 模塊化與組件化
1. 模塊化:是從代碼的角度來進行分析,把一些可復用的代碼,抽離為單個的模塊;
便于項目的維護和開發
2. 組件化:是從 UI 角度來進行分析的,把一些可復用的 UI 元素,抽離為單獨的組件;便于項目的維護和開發
3. 組件化的好處:隨著項目規模的增大,手里的組件越來越多;很方便就可以把現在的組件,拼接為一個完整的頁面
## Vue 中的組件:
通過`.vue` 文件來創建對應的組件;
```
template 結構
script 行為
style 樣式
```
## React 中的組件:
React 中有組件化的概念,但是沒有類似`.vue` 文件,一切都是 JS 來表現的,需要一定的 ES6 和 ES7(async 和 await) 基礎
- 第一章:react 基礎
- 1. 關于 react
- 2. react 工作原理
- 0. 開發環境搭建
- 1. 創建并使用一個組件
- 1. 模塊化與組件化
- 2. 虛擬DOM
- 3. Diff 算法
- React 與 Vue 的使用差異
- 1. 組件創建方式
- 2. data 與 state
- 3. 方法使用方式&this
- 4. 數據雙向綁定
- 5. props
- 6. ref
- 7. for 循環元素
- 8. 生命周期
- create-react-app 改為多頁面應用
- react修改打包路徑,直接查看
- redux
- context
- lazy 實現延遲加載靜態屬性
- Memo實現指定組件進行渲染
- React Hooks
- React Hooks 的概念和意義
- 使用 useState
- axios單次切換formdata和payreload
- react 動態綁定 class
- 高階組件
- react設計模式