草庐IT

redux-observable

全部标签

javascript - React redux 应用文件夹结构

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我了解react/redux应用程序的概念。我的问题是,是否有一种首选的方式来布置文件夹结构和文件。在网上对repos进行了大量研究后,似乎每个人的做法都略有不同,具体取决于他们的代码风格。另一方面,Angular似乎有一个集合结构。这是否让React变得更强大,因为您可以根据需求的变化进行微调和调整?社区是否就任何既定模式达成一致?

javascript - 我应该如何将 redux 与不会被重用的嵌套子组件一起使用?

我正在开发一个包含许多子组件的组件,其中一些嵌套有5层。我对使用redux感兴趣,因为它具有在公共(public)状态原子中拥有单一事实来源的优势。我不理解的是智能/dumb组件推荐,以及将提供程序置于主要组件之上并通过props传递所有内容。如果我这样做,那么我需要将Prop一直向下传递到第五个嵌套项,以便它可以进行回调以分派(dispatch)操作或查看仅它需要而不是其父项需要的状态。我知道这是为了代码重用,但子组件永远不会在主组件之外使用。这里推荐的解决方案是什么?还在用Prop?注意:这个库的作者要求我们在StackOverflow上提问。我之所以提到这一点,是因为SO似乎将“

javascript - Object.observe() 如何影响性能?

Object.observe()JavaScriptAPI允许任何代码段接收任何JavaScript对象的所有属性更改的更改通知。这不会严重影响JavaScript引擎(即V8)可以执行的代码生成和性能优化吗?生成的native代码现在似乎必须检查每次写入如果必须生成更改通知,则发送给对象。无法静态确定给定对象是否设置了通知。因此无法优化检查。由于此API,任何符合标准的JavaScript引擎现在似乎都陷入了永久和严重的性能损失。 最佳答案 现代JavaScript引擎利用内联缓存和自适应重新编译技术来最大限度地减少动态调度对生成

javascript - Connect 不能与 Redux-react 中的 StateLess 组件一起使用

我正在从其他组件调度一个Action,并且商店正在使用svgArr属性进行更新,但是尽管以下无状态组件connect'ed到商店,当svgArr的存储更改时,它不会更新。作为无状态组件,它应该如何表现?还是我做错了什么?constLayer=(props)=>{console.log(props.svgArr);return(hi);};connect((state)=>{return{svgArr:state.svgArr};},Layer);exportdefaultLayer; 最佳答案 您似乎正在导出Layer而不是Laye

javascript - Meteor observe changes 在服务器上添加的回调在所有项目上触发

Tracker.autorun(function(){DATA.find().observeChanges({added:function(id,doc){console.log(doc);}});});此代码正在服务器上调用。每次meteor服务器启动时,added函数都会为数据库中的每个项目触发。有没有办法让added回调仅在添加新项目时触发? 最佳答案 当observeChanges首次运行时,将为结果集中的每个文档调用added。诀窍是在此初始化期间忽略回调。我在对this的回答中有一个扩展示例问题,但这段代码应该适合你:(

javascript - 使用 redux 调用 api 时,componentWillReceiveProps 方法不再运行

我将使用redux调用api:我使用了axios,history,react-redux,react-router-native,react-router,,redux-promise-middleware,redux-thunk组件使用redux进行api调用:我创建了Reducers文件夹,并将我所有的reducer文件放在它们自己的文件中,然后将它们合并到一个主文件中,如下所示这是我的generateoptReducer.js文件:constinitialState={data:{},error:null,status:null};import{generateOTP}from'

javascript - Angular 2 中的 Redux 与服务

我想确保我正确理解了Redux。我的理解是它将存储应用程序(包括所有子系统)的完整状态,例如所有组件的模型以及获取数据和用户生成数据的缓存。这是否意味着我不应该使用服务通过模型的ID加载/保存组件的状态?我正在制作一个测验应用程序,它由测验、类别、问题和选择等组件组成>。目前,每个组件都调用WebAPI来获取数据并维护自己的状态,或者借助于通过id字段跟踪所有内容的服务。我有一个名为AnswerService的专用服务来维护所选选项的状态,其中每个Choice组件在呈现时获取它的状态。迁移到Redux是否意味着所有这些都将移动到存储,并且几乎所有服务都将是无状态的并直接分派(dispa

javascript - 如何在 redux 状态更改时更新组件状态?

因为我有一个带有表单的组件,所以我需要将表单连接到组件状态。初始数据来自Redux,因此尝试通过使用props设置状态来初始化和更新组件:componentWillMount=()=>{this.setState({language:this.props.language||'en'})}language是一个连接的Prop,我检查了它是否在商店中更新。constmapStateToProps=state=>({language:state.language})我也尝试过使用componentWillReceiveProps和componentWillUpdate但它不起作用。我得到初

javascript - 选择框属性更改时未触发 Webkit Mutation Observer 回调

我正在尝试使用新的MutationObserver来监控选择框(或嵌套的option元素)的变化。功能。然而,只有“setAttribute”为我触发了变异观察者的回调。这是我使用的代码:~function(doc,$){varselect=$('select');//http://www.w3.org/TR/dom/#mutation-observersvarobserver=newWebKitMutationObserver(function(mutations){alert(mutations.length+"mutationshappened");});observer.obs

javascript - 在另一个 Action 之后 react Redux 调度 Action

我有一个异步操作,它从RESTAPI获取数据:exportconstlist=(top,skip)=>dispatch=>{dispatch({type:'LIST.REQUEST'});$.get(API_URL,{top:top,skip:skip}).done((data,testStatus,jqXHR)=>{dispatch({type:'LIST.SUCCESS',data:data});});};syncAction,改变skip状态:exportconstsetSkip=(skip)=>{return{type:'LIST.SET_SKIP',skip:skip};};