React之Redux原理
一、Redux設計理念
Redux是將整個應用狀態儲存到一個地方上稱為store,裡面儲存著一個狀態樹store tree,元件可以派發(dispatch)行為(action)給store,而不是直接通知其他元件，元件內部透過訂閱store中的狀態state來重新整理自己的檢視
1.1 Redux三大原則
唯一資料來源
整個應用的
state都被儲存到一個狀態樹裡面，並且這個狀態樹，只存在於唯一的store中
保持只讀狀態
state是隻讀的，唯一改變state的方法就是觸發action，action是一個用於描述以發生時間的普通物件
資料改變只能透過純函式來執行
使用純函式來執行修改，為了描述
action如何改變state的，你需要編寫reducers
二、實現一個迷你版的redux
三、redux原始碼分析
http://blog.poetries.top/2017/11/19/redux-study-source-code-analysis/
來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69946034/viewspace-2660716/，如需轉載，請註明出處，否則將追究法律責任。
相關文章
- 深入理解redux之從redux原始碼到react-redux的原理Redux原始碼React
- react-redux/redux相關API，用法原理ReactReduxAPI
- react、redux、react-redux之間的關係ReactRedux
- React + Redux 渲染效能優化原理ReactRedux優化
- react之redux的使用ReactRedux
- react之redux狀態管理ReactRedux
- React-redux的原理以及簡單使用ReactRedux
- 小白路程之----初學React語法棧之redux與react-reduxReactRedux
- react-native 之 state 和 props 以及 redux 和 react-reduxReactRedux
- React+Redux之bindactioncreators的用法ReactRedux
- React 入門-redux 和 react-reduxReactRedux
- react reduxReactRedux
- 一幅圖明白React-Redux的原理ReactRedux
- 對React、Redux、React-Redux詳細剖析ReactRedux
- React - React 中使用 ReduxReactRedux
- react-reduxReactRedux
- 深入理解redux原理,從零開始實現一個簡單的redux(包括react-redux, redux-thunk)ReduxReact
- redux原理Redux
- React 快速上手 - 08 redux 狀態管理 react-reduxReactRedux
- 用react-redux實現react元件之間資料共享ReactRedux元件
- redux && react-redux原始碼解析ReduxReact原始碼
- React,Redux,React-redux的錯綜複雜關係ReactRedux
- 前端筆記之React（五）Redux深入淺出前端筆記ReactRedux
- react-redux（二）ReactRedux
- React Redux 與胖虎ReactRedux
- React — Redux詳解ReactRedux
- redux原理分享Redux
- Redux非同步解決方案之Redux-Thunk原理及原始碼解析Redux非同步原始碼
- 帶你瞭解redux與react-reduxReduxReact
- 使用react-hook 替代 react-reduxReactHookRedux
- react-redux 的使用ReactRedux
- React-redux基礎ReactRedux
- 在 React 中使用 ReduxReactRedux
- Redux for react native 指南ReduxReact Native
- react-redux 進階ReactRedux
- 初識react(四) react中非同步解決方案之 redux-sagaReact非同步Redux
- redux 和 react-redux 部分原始碼閱讀ReduxReact原始碼
- Redux 入門教程（3）：React-Redux 的用法ReduxReact