草庐IT

redux-framework

全部标签

javascript - Redux 和 Angular 2

是否批准将Redux与Angular2一起用于状态管理,或者Angular2是否提供了一些内部机制来以一致的方式管理应用程序状态? 最佳答案 “内部”它不是捆绑的功能或模块。但是@NGRX的人在支持angular2中的这种模式方面做得非常出色。查看以下资源了解更多详情:https://github.com/ngrx/storehttps://blog.sstorie.com/building-an-angular-2-reactive-auto-logout-timer-with-the-redux-pattern/

javascript - 无需 react 即可访问 redux

我想在不使用React组件的情况下访问商店(分发和观察)。我一直在寻找几个小时,但没有结果。是这样的。我在应用程序根目录中创建了商店:import{Provider}from'react-redux'importcreateStorefrom'./state/store';letstore=createStore();ReactDOM.render(,document.getElementById('root'));当我需要在组件中添加Action或监听状态变化时,我很乐意使用react-redux提供的connect函数,但当我想在组件外部设置一些逻辑(主要是调度)我被卡住了。简而言

javascript - 一个 Redux Action 可以影响状态树的多个部分吗?

对于影响Redux中状态树的多个部分的操作的共识是什么?例如:constADD_POST='POST/ADD';functionpostsReducer(state=initialState,action={}){//switch...caseADD_POST:return{...state,...action.result.post}}functionanotherReducer(state=initialState,action={}){//switch...caseADD_POST:return{...state,post_id:action.result.post.id}}我正

javascript - Redux - 异步加载初始状态

当来自API调用时,我正在尝试找出最简洁的方法来加载我的Redux存储的初始状态。我知道提供初始状态的典型方法是在页面加载时在服务器端生成它,并将其作为简单对象提供给ReduxcreateStore()。但是,我正在编写一个应用程序,我计划用Electron打包,所以这行不通。到目前为止,我能想到的最好的方法是在创建商店后立即触发一个操作,该操作将去请求商店的初始状态-一个检索整个初始状态的操作或一个每次检索商店一部分的初始状态的操作数。这意味着我的代码看起来像:conststore=createStore(reducer,Immutable.Map(),middleware);sto

javascript - 减少 redux-thunk 样板文件

在编写redux-thunk函数时,称为thunks时,有很多样板文件可以很容易地抽象掉。例如,在我们的大多数异步API调用中,我们都在执行以下操作,没有任何副作用:exportconstLOGIN_REQUEST='my-app/auth/LOGIN_REQUEST';exportconstLOGIN_RECIEVE='my-app/auth/LOGIN_RECIEVE';exportconstLOGIN_FAILURE='my-app/auth/LOGIN_FAILURE';//...reducercodehereexportfunctionlogin(loginHandle,pa

javascript - redux-saga 使用正则表达式

我正在为我的网络应用程序使用redux-saga,但是我已经达到了我希望能够创建一个saga的地步处理多种不同的请求类型。为此,我希望能够将take或takeEvery与reg-ex一起使用。例如:'foo/SOME_REQUEST''bar/SOME_REQUEST''baz/SOME_REQUEST'都应该通过这样的方式处理:yieldtakeEvery('*/SOME_REQUEST',handler);有谁知道这是否可能或如何实现? 最佳答案 你可以使用yieldtakeLatest(action=>/SOME_REQUES

javascript - 在 React Redux 应用程序中检测网络连接 - 如果离线,则对用户隐藏组件

我正在使用谷歌的自动完成API来改进我表单中的地址输入。我正在使用GoogleMapsLoader加载器,它会在加载后调度操作:GoogleMapsLoader.onLoad(function(){store.dispatch(GoogleActions.loaded());});在React组件中我有以下输入:if(google.status==='LOADED'){inputGoogle=AutoComplete:this.loadAutocomplete(el)}type="text"/>;}else{inputGoogle='';}loadAutocomplete方法(不确定这

javascript - 以 Redux 形式动态加载 initialValues

以initializingFromState为例在Redux-Form中,我试图动态设置它。这是编辑书籍列表中的特定书籍,并使用在express.js中设置的简单api。完整容器如下。我不知何故需要在mapStateToProps函数中传递initialValues。在示例中,它是通过静态对象完成的,但我不知道如何使用通过fetchBook获取的信息,并将其传递给initialValues.容器:importReact,{Component,PropTypes}from'react';import{reduxForm}from'redux-form';import{connect}fr

javascript - react-redux 获取组件父 div 的宽度

这是组件的一部分:importMyCompfrom'../../lib/MyComp'constData=({data})=>()如何获取MyComp容器内data-boxdiv的宽度? 最佳答案 查看此工作演示:JSFiddle:varParent=React.createClass({render:function(){returnHelloParent;}});varChild=React.createClass({componentDidMount:function(){alert('Parentwidth:'+this.r

javascript - 使用 React Redux 提交 FORM 数据的最佳方式?

我有点被这个简单的问题难住了!我只想获取我的表单数据,验证它,提交它并向ExpressAPI提交发布请求。但在那之前,我不认为我对如何实现这一点有透彻的了解。我看了this问题和these和其他一些人,但我不确定这是最好的方法。我认为这将是这样进行的:IcreateaReactComponentforthesignuppage.(Simplifiedfordemonstration)classSignupFormextendsComponent{constructor(props){super(props);this.onSubmit=this.onSubmit.bind(this);