问题标签 [flux]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
430 浏览

javascript - Reacjs 和 Flux 的最佳资源

我最近开始使用ReactJSFluxy

我想从你那里知道,关于这些工具,你可以推荐哪些最好的资源:帖子、文章、示例……任何让你在阅读后感到进步的资源!

我使用这些工具已经一个多月了,所以我已经完成了第一步 / hello world 应用程序!无论如何,与 AngularJS(我在 ReactJS 之前使用的)相比,在网上找到有趣的阅读似乎更加困难(也许我只是一个糟糕的搜索者!)。

我认为官方文档做得非常好,足以启动和运行,但我很乐意获得尽可能多的投入,更多地了解 Flux 背后的架构选择,背后的原因以及所有能完成让我思考的艰巨任务!与 MVC 和其他框架的比较也会很有趣!

任何帮助将不胜感激,谢谢,卢卡

0 投票
1 回答
76 浏览

typo3 - 助焊剂和 TYPO3 6.2.7 / 6.2.9

我在新的 TYPO3 Instalaton 6.2.7 和 6.2.9 中尝试了最新版本的通量。我对流体内容和流体页面使用了相同的模板,但它不能正常工作。

页面网格不起作用。(显示了默认的 TYPO3 网格)并且内容元素中的网格也不起作用。

有解决方案吗?

0 投票
1 回答
909 浏览

caching - Flux 应用程序中的缓存逻辑应该放在哪里?

上一个问题中,我问谁负责在 Flux 应用程序中向服务器发送更新。人们告诉我,Actions 应该这样做。所以我假设从服务器获取数据也是如此;您有一个 FetchData 操作,它获取数据并分派数据以供商店保留。但在这种情况下,缓存逻辑将如何工作?

我想我必须存储上次请求列表的时间,并且 StreamsStore 中的列表 TTL 和 fetchStreams 操作将检索 TTL 和上次获取时间以确定是否需要咨询服务器。

这是正确的方法吗?在商店和动作之间传播缓存逻辑对我来说似乎很奇怪,但我想不出更好的方法来做到这一点。

0 投票
1 回答
2468 浏览

reactjs - 在 React 组件中设置初始状态以进行渐进式增强和 Flux 架构

我已经阅读了http://scotch.io/tutorials/javascript/build-a-real-time-twitter-stream-with-node-and-react-js,它描述了一种接管服务器渲染的 React 组件的技术无缝地:

服务器渲染到车把中的 {{{markup}}},并传递初始状态。

然后在客户端javascript

但是在通量架构中,例如本文http://scotch.io/tutorials/javascript/creating-a-simple-shopping-cart-with-react-js-and-flux中所述,状态在 getInitialState 中初始化生命周期方法:

从渐进增强的角度来看,哪一种是设置状态的正确方法?

0 投票
1 回答
1172 浏览

javascript - 了解 Flux Facebook 试图解决的问题

刚刚看了这个 YouTube 视频

Jing 在这里给出了 ghost 新消息计​​数问题的示例,以及他们如何使用 Flux 修复它。什么具体的一系列事件会导致这样的问题?由于多线程环境,这是一个问题吗?撇开更简单的代码结构不谈,像 Web 浏览器 Javascript 这样的单线程环境中是否需要 Flux 类型的架构?

0 投票
1 回答
313 浏览

javascript - Fluxxor / React.JS 中的服务调用

我对 Web 开发非常陌生react.jsFluxxor而且我已经有一段时间没有进行 Web 开发了。:)

我想知道在我的代码中将服务器调用 (JQuery $.ajax()) 放在哪里?我的操作只是发送如下调用:

然后我有一个商店进行一些更改并调用发出函数来更新视图。整个周期工作正常(视图、操作、调度程序、存储)

现在我想我应该把我的 ajax 调用放在我的商店类中。假设我称我的商店为“blubbStore”。但我希望我的商店课程是可测试的。这意味着我必须将 ajax 调用放在另一个存储类中,该类基本上执行服务器调用并且......

  • 方法 1) ... 触发成功/失败操作。此操作在 blubbStore 中处理
  • 方法 2) ... 将服务调用响应存储在属性中。然后 blubbStore 调用“WaitFor”并在服务调用完成后从该“service-caller-store”读取数据。

我猜方法 2 是不可能的,因为 WaitFor 不等待异步调用?这意味着方法1将是解决方案吗?

(并且动作应该只发送消息。对吧?)

谢谢

0 投票
1 回答
1758 浏览

reactjs - 在 react.js 中导航

在我的 react.js (Fluxxor) 应用程序中,我必须在不同的表单之间导航。例如:只要用户未通过身份验证,就会显示登录组件。一旦用户登录登录组件消失,应显示条目列表组件(或其他)。从那里我可以打开条目详细信息组件(这意味着应该隐藏条目列表组件)。

最好的方法是什么?

我试过的:

  • 更换组件(卸载应该隐藏的组件和安装应该显示的组件)
  • 在 DOM 中有多个组件。(但看起来这是不允许/可能的)
  • 拥有一个包含所有子组件(登录、列表、详细信息)的根组件,并让它们的存储类决定该组件是否可见)

谢谢

0 投票
2 回答
991 浏览

asynchronous - Flux:如何处理多个异步请求

我正在使用通量设计原则编写一个简单的应用程序,以更好地理解底层机制。为了提供增强的体验,用户更改会立即记录到本地存储,从而以零延迟更新界面。同时,向服务器分派一个异步请求;在服务器发生故障的情况下,本地存储将从服务器重新加载。

但是,我不确定如何最好地处理由于服务器响应缓慢而有多个异步请求待处理的情况。在这种情况下,处理故障似乎要复杂得多。例如,假设有三个待处理的异步请求(每个状态变化用户交互一个)。第一个成功了,第二个失败了。我应该取消第三个请求吗?如何从第二个请求而不是第三个请求回滚更改。

如果可能的话,我想避免这种复杂性。通量是否提供了一种机制来处理这种情况?我意识到我可以在异步请求挂起时锁定 UI,以防止多个请求排队,但我不愿意介绍这种方法会降低用户体验。

编辑:有些人相当质疑多个异步调用的问题是否特定于通量。我没有提到的是,我关注的是商店/调度员只执行同步代码 的指导。

0 投票
1 回答
119 浏览

javascript - 如何在通量中创建通用组件?

我使用 Flux 构建我的应用程序,有一个问题让我感到困惑:“如何在 Flux 中创建通用组件?”。

首先,“通用组件”是指像 Facebook 的“Like 按钮”这样的组件,并非只有一个项目使用它。

并且组件有“Store”,“Action”,“View(react component)”,“Store”为应用程序的 Dispatcher 导出一个“dispatchToken”。但是“Action”部分,它需要一个 Dispatcher,并使用类似“Dispather.handleViewAction”。但是在组件的上下文中,我们不知道 Dispatcher 是什么。

在您的应用程序中,您如何创建一个通用组件?或者您知道 Facebook 的群组是如何创建它的吗?

0 投票
0 回答
45 浏览

jquery - Flux Slider - 如何删除边框/空间?

我正在使用 Flux Slider,我添加了图像,一切正常,除了从上方、左右和底部围绕滑块的这些空白区域/broders。
我尝试通过将#slider 的 CSS 重置为无边框、无填充、无边距但无济于事来删除它们,有什么想法吗?