-
数据流 · Redux
Action 就是一个描述“发生了什么”的普通对象。比如:
{ type: 'LIKE_ARTICLE', articleId: 42 }
{ type: 'FETCH_USER_SUCCESS', response: { id: 3, name: 'Mary' } }
{ type: 'ADD_TODO', text: 'Read the Redux docs.' }
可以把 actio...
-
react-redux 文档 · Redux
ReactRedux 全局变量,那么可以使用 cdnjs 上打包好的版本。但对于非常正式的项目
并不建议这么做,因为和 Redux 一起工作的大部分库都只有 npm 才能提供。
React Native
从 React Native 0.18 发布之后,4.x 版本的 React Redux 能搭配 React Native 一起开发。如果你在使用 4.x 版本的 React Redux 和 Re...
-
编写测试 · Redux
Action 创建函数 (Action Creators)
示例
可以这样测试:
import * as actions from '../../actions/TodoActions'
import * as types from '../../constants/ActionTypes'
describe('actions', () => {
it('should create an a...
-
示例:Todo List · Redux
index.js
import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import { createStore } from 'redux'
import todoApp from './reducers'
import App from './com...
-
三大原则 · Redux
整个应用的 state 被储存在一棵 object tree 中,并且这个 object tree 只存在于唯一一个 store 中。
这让同构应用开发变得非常容易。来自服务端的 state 可以在无需编写更多代码的情况下被序列化并注入到客户端中。由于是单一的 state tree ,调试也变得非常容易。在开发中,你可以把应用的 state 保存在本地,从而加快开发速度。此外,受益于单一的 sta...
-
Store · Redux
createStore() 的第二个参数是可选的, 用于设置 state 初始状态。这对开发同构应用时非常有用,服务器端 redux 应用的 state 结构可以与客户端保持一致, 那么客户端可以将从网络接收到的服务端 state 直接用于本地数据初始化。
let store = createStore(todoApp, window.STATE_FROM_SERVER)
发起 Actions
...