reactjs-flux相关内容

通量存储或操作(或两者)是否应该触及外部服务?

商店是否应该维护自己的状态并有能力在这样做时调用网络和数据存储服务......在这种情况下,这些操作只是愚蠢的消息传递者, -或- ...商店是否应该是来自操作的不可变数据的愚蠢接收者(并且操作是在外部源之间获取/发送数据的操作?在这种情况下,商店将充当视图模型并且能够聚合/在根据操作提供的不可变数据设置自己的状态之前过滤他们的数据. 在我看来,它应该是一个或另一个(而不是两者的 ..
发布时间:2022-01-31 12:53:11 其他开发

是否有任何用于 React 通量架构的好的 Http 库

我们有一个带有 Flux 架构的 React 应用程序,我正在搜索任何好的库来发送 http 请求,例如 angular 的 $http、$resources. 解决方案 您不需要特定于 React 或 Flux 的东西,您可以使用常规的 CommonJS 模块.有几个你可以使用,我最喜欢的是: Superagent:小巧、易于使用且可通过插件轻松扩展 Axios:非常好的 Pro ..
发布时间:2022-01-02 23:49:44 其他开发

使用 Jest 测试 React 组件功能

原创 首先,我遵循 Flux 架构. 我有一个显示秒数的指示器,例如:30 秒.每一秒它显示 1 秒少,所以 29、28、27 到 0.当到达 0 时,我清除间隔,所以它停止重复.此外,我触发了一个动作.当此操作被调度时,我的商店会通知我.所以当发生这种情况时,我将间隔重置为 30 秒等等.组件看起来像: var Indicator = React.createClass({混合:[ ..
发布时间:2022-01-01 22:53:42 前端开发

如何在 axios 中取消/中止 ajax 请求

我使用 axios 来处理 ajax 请求,使用 reactJS + flux 来渲染 UI.在我的应用程序中有第三侧时间线(reactJS 组件).时间轴可以通过鼠标滚动来管理.应用在任何滚动事件后发送对实际数据的 ajax 请求.服务器处理请求可能比下一个滚动事件更慢的问题.在这种情况下,应用程序可能有多个(通常为 2-3 个)请求,这些请求已经被弃用,因为用户进一步滚动.这是一个问题,因为每 ..
发布时间:2022-01-01 09:35:21 其他开发

redux、react-redux、redux-thunk 之间有什么区别?

我正在使用 React + Flux.我们的团队正计划从flux 转向redux.Redux 对来自 Flux 世界的我来说非常困惑.在flux 控制流程中很简单,从组件 -> 操作 -> 存储和存储更新返回组件.它简单明了. 但在 redux 中它令人困惑.这里没有商店,是的,有一些不使用商店的例子.看了几个教程,好像每个人都有自己的实现风格.有些正在使用容器,有些则没有.(我不知道这个 ..
发布时间:2021-12-21 18:30:33 前端开发

使用 Redux 代替 Flux 的缺点是什么

我最近才发现 Redux.这一切看起来都不错.在 Flux 上使用 Redux 有什么缺点、问题或妥协吗?谢谢 解决方案 Redux 作者在这里! 我想说你会在使用它时做出以下妥协: 你需要学会避免变异. Flux 对变异数据没有意见,但 Redux 不喜欢变异,许多与 Redux 互补的包假设你永远不会改变状态.您可以使用像 redux-immutable-state-inv ..
发布时间:2021-12-21 18:30:03 其他开发

在 Flux 应用程序中应该在哪里提出 ajax 请求?

我正在创建一个具有 Flux 架构的 react.js 应用程序,我正在尝试弄清楚应该在何处以及何时向服务器发出数据请求.有没有这方面的例子.(不是 TODO 应用!) 解决方案 我非常支持将异步写入操作放在操作创建器中并将异步读取操作放在存储中.目标是将商店状态修改代码保存在完全同步的动作处理程序中;这使得它们易于推理并且易于单元测试.为了防止对同一个端点的多个同时请求(例如,双重读取) ..
发布时间:2021-12-02 10:12:34 前端开发

为什么在 Facebook Flux 上使用 Redux?

我已经阅读了这个答案, reducingboilerplate,看了几个 GitHub 示例,甚至尝试了 redux a一点点(待办事项应用程序). 据我所知,官方 redux 文档动机提供了与传统 MVC 相比的优点架构.但它没有提供问题的答案: 为什么你应该使用 Redux 而不是 Facebook Flux? 这只是编程风格的问题:函数式还是非函数式?或者问题在于 redu ..
发布时间:2021-12-02 10:12:00 前端开发

在 Flux 架构中,您如何管理 Store 生命周期?

我正在阅读 Flux 但example Todo app 太简单了,我无法理解一些关键点. 想象一个像 Facebook 这样的单页应用程序,它具有用户个人资料页面.在每个用户个人资料页面上,我们希望无限滚动显示一些用户信息和他们的最新帖子.我们可以从一个用户个人资料导航到另一个. 在 Flux 架构中,这将如何对应于 Stores 和 Dispatchers? 我们会为每个用户 ..
发布时间:2021-11-17 01:53:20 前端开发

React-Redux - 可重用的容器/连接器

我完全迷失在 react-redux 容器(即连接器)的概念上,因为它没有按照我的预期运行.我的问题很直接,对我来说也是合理的,但我找不到一个写得很好的例子来说明如何完成它. 假设我们有一个连接到具有产品上下文的商店的 React 组件,我们将调用此组件 ProductContext. 此外,假设我们希望在整个应用程序中自由地重用 ProductContext,以避免在可能需要产品的每 ..
发布时间:2021-07-05 20:32:56 其他开发

在 React/Redux 架构中将 API 调用放在哪里?

我正在尝试从 API 检索一些数据并将其传递到我的应用程序中.然而,作为 React/Redux 的新手,我想知道从哪里进行这些调用以及如何将其传递到我的应用程序中?我有标准的文件夹结构(组件、reducer、容器等),但我不确定现在将 API 调用放在哪里. 解决方案 最简单的入门方法是将其添加到您的操作中,使用称为 thunk 的函数以及 redux-thunk.您需要做的就是将 th ..
发布时间:2021-07-04 19:00:57 其他开发

Flux/React 复杂的可重用组件

我想做这样的事情 var App = React.createClass({渲染:函数(){返回 ()}}); 不同的应用 var App2 = React.createClass({渲染:函数(){返回 ()}}); 这是一个简单的自动完成(不是整个文件) var AutoComplete = Re ..
发布时间:2021-07-03 20:50:32 其他开发

Redux:如何进行后端持久化的意见/示例?

我想知道使用 Redux 的人是如何实现后端持久性的.特别是,您是将“操作"存储在数据库中还是仅存储应用程序的最后一个已知状态? 如果您要存储操作,是否只是从服务器请求它们,然后在给定页面加载时重放所有这些操作?对于有很多操作的大型应用程序,这难道不会导致一些性能问题吗? 如果您只存储“当前状态",那么当客户端上发生操作时,您实际上如何在任何给定时间持久化此状态? 有没有人有一些 ..
发布时间:2021-07-03 20:44:53 其他开发

React 路由器仅适用于根路径

只有根路由有效./about,/home 在浏览器中显示“无法获取/home".如果我用“/"替换每个路由路径,那么相应的组件正在渲染.但是当我尝试渲染某些路线时似乎有问题,例如/home. 解决方案 您必须配置您的服务器以使用 Router.HistoryLocation -- 也就是说,它需要始终为您的 index.html 提供服务页面与路线无关. app.get('*', fun ..
发布时间:2021-07-03 20:41:15 其他开发

通量多存储实例

在数据按所有者 id 分为多个桶的通量应用程序中,我们应该使用一个内部将数据分成多个桶的存储,还是每个存储桶一个存储实例? 例如,我们有一个应用程序用户,他是多名运动员的教练.每位受训运动员都有零次或多次训练,教练可以同时查看一名或多位运动员的训练. 我们可以为所有运动员开设一家健身商店;store 必须确保所有数据都被分到 athlete 桶中,并且每个 store 方法都需要一个 ..
发布时间:2021-07-03 20:18:42 其他开发