内容简介:这就意味着如果有一个组件脱离了这颗树, 那么这个组件将无法与
react-redux 通过 context 将整个项目变成了一颗 "组件树", 每个组件变成了这棵树上的节点
这就意味着如果有一个组件脱离了这颗树, 那么这个组件将无法与 store 通信
rims 架构下, 整个项目看起来像是一个圆环, 无论是子组件或父组件, 他们直接与圆环中心相关联
rims 提供与 react-redux 相同用法的 connect .
rims 即插即用 甚至可以与原有使用 react-redux 的项目共存(注意: 同一组件不要同时使用二者的 connect ), 可将 store 直接传入 createConnect , 只维护一个 store .
Quick Start
Installation
npm install --save rims 复制代码
or
yarn add rims 复制代码
Create store and connect
// createConnect.js
import { createStore } from 'redux';
import reducers from './reducers';
import { createConnect } from 'rims';
const store = createStore(reducers);
export default createConnect(store);
复制代码
需要创建一个新的文件, 用于创建 store 和 createConnect
创建 store , 我们仅替换了 react-redux , 好消息是若你此前配置过 store , 那么 store 不需要变动, 仅仅导出 createConnect 即可. 当然这也意味着我们仍然可以用 redux 的插件: redux-thunk redux-logger 等.
Connect Components
import connect from './createConnect';
@connect(state => state)
class App extends React.Component{
// ...
}
复制代码
多页面应用状态共享
通过状态数据持久化实现, 使用 redux-persist 实现状态数据持久化.
// createConnect.js
import { createStore } from 'redux';
import { persistStore, persistReducer } from 'redux-persist';
import reducers from './reducers';
import { createConnect } from 'rims';
const persistConfig = {
key: 'root',
storage: storageSession,
};
const persistedReducer = persistReducer(persistConfig, reducers);
const store = createStore(persistedReducer);
export default createConnect(store);
复制代码
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- Tor的高级使用方式
- 使用 AJP 方式配置反向代理
- LiveData基础使用方式+工作原理(上篇)
- 使用 C# 代码创建快捷方式文件
- 使用 Golang Timer 的正确方式
- 用 gopher 的方式使用 panic
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
软件预构艺术(中文版)
Ken Pugh / O'Reilly Taiwan公司 / 东南大学 / 2010-6 / 26.00元
利用经验累积而得到的洞察力开发新的解决方案被称为预构。透过重构而获得的专业知识也属于这类经验,而预构的词源即重构。重构是修改程序或软件系统内部结构的实践,以此在保留其现有行为的基础上改良设计。重构的原因有多种:方便后期增加功能、提高可维护性、提升性能。 本书作者是经验老道的软件开发人员。书中,作者运用他个人和其他众多开发人员的丰富经验,展示由其推衍而得的各项实践方针。这些方针把优秀的开发人员......一起来看看 《软件预构艺术(中文版)》 这本书的介绍吧!