react 項目開發

靜態組件的編寫

 

state 狀態

    

 

交互

Redux

reduex 的state

actions

Reducer

Store

react-redux

 

redux 項目結構組織方式

state設計原則

像設計數據庫一樣設計state 

selector函數

 

通過selector 函數去獲取 state 數據,更加方便維護,特別是 如果 state 數據結構有變化的情況下

能夠做到 components 和 state 之間的 解耦

前端狀態管理

Middleware

store enhancer

常用庫集成

1、Immutable.js  不可變庫

2、Reselect

reselect 可以減少state的重複計算

安裝:npm install reselect 

路由

多頁面應用對搜索引擎更好

單頁面應用對用戶體驗更好,性能更好

router 庫

默認是 hashRouter  , 可以兼容老版本的瀏覽器

路由匹配

exact 精確匹配

switch 只會匹配到第一個匹配到的route 

路由渲染組件的方式

< Route path = "/about" component = { About } />
通過 component 來渲染
或者 使用函數 , 或者使用 render 
 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章