草庐IT

redux-tookit

全部标签

javascript - 如何优化 React + Redux 中嵌套组件 props 的小更新?

示例代码:https://github.com/d6u/example-redux-update-nested-props/blob/master/one-connect/index.js查看现场演示:http://d6u.github.io/example-redux-update-nested-props/one-connect.html如何优化嵌套组件props的小更新?我有上面的组件,Repo和RepoList。我想更新第一个repo(Line14)的标签。所以我派了一个UPDATE_TAG行动。在我实现之前shouldComponentUpdate,调度大约需要200毫秒,这

javascript - 处理 react redux 中的获取错误的最佳方法是什么?

我有一个reducer用于客户端,另一个用于AppToolbar和其他一些...现在假设我创建了一个提取操作来删除客户端,如果它失败了,我在Clientsreducer中有代码应该做一些事情,但我也想在AppToolbar中显示一些全局错误。但是客户端和AppToolbarreducer不共享相同的状态部分,我无法在reducer中创建新的操作。那么我应该如何显示全局错误呢?谢谢更新1:我忘了说我用的是este开发栈更新2:我将埃里克的答案标记为正确,但我不得不说我在埃斯特使用的解决方案更像是埃里克和丹的答案的结合......您只需要在您的代码中找到最适合您的内容...

javascript - 带有 React-Native 和 mapStateToProps 的 Redux

我读过这篇文章。WhatisthedifferencebetweenstateandpropsinReact?它说props不同于状态,理想情况下props不应在其组件中更改,而应仅由其父组件更改。然而,react-redux中的mapStateToProps函数将Redux中的状态映射到React组件的props,这基本上是在Redux状态被Redux操作更改时更改React组件的props。这对我来说没有意义。似乎它应该是mapStateToStates而不是并将Redux状态映射到React组件的状态。我错过了什么吗? 最佳答案

javascript - 设计 redux 状态树

我目前正在学习Redux,我或多或少地掌握了一些基本概念。我了解如何使用actions和reducers等等。我正在努力了解如何正确设计状态树。我了解了哪些内容应该/不应该存储在应用程序状态中、何时可以使用组件状态、处理状态更改的最佳方式等细节。是否有人可以推荐任何好的教程或博客来帮助理解设计状态的最佳实践? 最佳答案 对此有很多不同的意见。这就是我所做的。Reducers-保存处理我的数据模型的东西(通常是数据库中的任何东西),需要保存并稍后使用或跨组件使用LocalState(reactsetState)-在与用户输入和交互相关

javascript - 在 Redux 中实现撤销/重做

背景一段时间以来,我一直在绞尽脑汁思考如何在Redux中实现撤消/重做。与服务器交互(通过ajax)。我想出了一个使用commandpattern的解决方案其中操作作为命令使用execute和undo方法注册,而不是分派(dispatch)操作,而是分派(dispatch)命令。然后将这些命令存储在堆栈中,并在需要时引发新的操作。我当前的实现使用中间件来拦截调度、测试命令和命令的调用方法,看起来像这样:中间件letcommands=[];functionundoMiddleware({dispatch,getState}){returnfunction(next){returnfunc

Redux Middleware原理浅析

本文转载自微信公众号「之家前端共享流」,作者张俊领。转载本文请联系之家前端共享流公众号。Redux 是一个基于Flux架构的JavaScript应用状态管理库,提供可预测性的状态管理方案。其中,middleware更是Redux中一个重要的概念,它存在使得Redux应用更加灵活、可扩展、可维护。本文中,我们将探讨 Reduxmiddleware的运行机制和实现原理,最后带您轻松实现一个自己的middleware。无论你是初学者还是有一定经验的开发者,相信本文都能给你带来一些新的启示和技巧。让我们一起探索Reduxmiddleware的魅力吧!什么是MiddlewareReduxmiddlewa

asynchronous - Flutter Redux snackbar

我在flutter代码中使用redux。我有一个按钮,按下时会发送一个Action来调用异步API(在我的中间件中)。我想要做的是当api调用执行并返回响应时,我想显示snackbar,说明它已成功更新数据或错误消息。我的问题是如何通过调度一个Action来显示它。或者有没有更好的方法在redux中做到这一点? 最佳答案 免责声明:这不是在IDE中编写并运行的代码。它只是描述问题解决方案的一种方式。可能有错误。假设您拥有Redux存储并使用异步进行API调用。您的页面小部件:..._onSubmit(Storestore){stor

asynchronous - Flutter Redux snackbar

我在flutter代码中使用redux。我有一个按钮,按下时会发送一个Action来调用异步API(在我的中间件中)。我想要做的是当api调用执行并返回响应时,我想显示snackbar,说明它已成功更新数据或错误消息。我的问题是如何通过调度一个Action来显示它。或者有没有更好的方法在redux中做到这一点? 最佳答案 免责声明:这不是在IDE中编写并运行的代码。它只是描述问题解决方案的一种方式。可能有错误。假设您拥有Redux存储并使用异步进行API调用。您的页面小部件:..._onSubmit(Storestore){stor

大型项目 (redux) 的 C++ header 策略

我已经阅读了我能找到的有关该主题的所有内容,包括本网站上一些非常有帮助的讨论、NASA编码指南和GoogleC++指南。我什至买了这里推荐的“物理C++设计”书(抱歉,忘了名字)并从中得到了一些有用的想法。大多数来源似乎都同意-头文件应该是独立的,即它们包含他们需要的内容,以便cpp文件可以包含头文件而不包含任何其他文件,并且它可以编译。我也明白了关于转发声明而不是尽可能包含的观点。也就是说,如果foo.cpp怎么样?包括bar.h和qux.h,但事实证明bar.h本身包括qux.h?应该foo.cpp然后避免包含qux.h?Pro:清理foo.cpp(少“噪音”)。缺点:如果有人将b

javascript - MERN React/Redux/MongoDB 带身份验证的实体同构样板

我的任务是使用ReactJS/Redux/MongoDB/Node为我们future的Web应用程序构建样板文件code>(MERN)作为基础技术栈。基本上我们所有的网络应用程序都是仪表板,带有登录登录页面(注册/登录/忘记密码/重置密码)。样板应由微服务驱动,并且需要支持Web和移动集成(使用ReactJSNative)。客户端和服务器都将调用我的API,这些API也需要作为REST服务用于集成。作为当今的最佳实践,应用程序应该是同构的。我决定从react-redux-universal-hot-example开始,但我们可以看到它的着陆页,它可能已经过时(写于2015年6月)。我的