问题标签 [fluxible]

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 投票
0 回答
56 浏览

fluxible - 如何验证/授权 fetchr 请求

如何将 req.session 服务器端暴露给 fetchr 服务请求,以便我可以授权请求?我可以通过 crud 方法以某种方式访问​​会话或请求对象吗?

session 的替代方法是在客户端设置一个承载令牌并将其传递进去。但是,这会使同构渲染变得困难,因为我们无法访问该令牌服务器端。

是否有任何需要经过身份验证的服务的简单可变获取器示例,例如读取 myAccount?

0 投票
1 回答
600 浏览

reactjs - 如何在fluxible react.js中绑定输入字段

如何在 Fluxible react.js 中绑定输入字段?查看 todo 的示例应用程序,它们在输入框上绑定了一个 onchange 事件并将其绑定到一个 onchange 方法。对多个字段执行相同的技术似乎很乏味——每个字段都有单独的方法和事件处理程序。有没有办法从提交时的输入框中获取值?我应该将字段值存储在状态中吗?

0 投票
1 回答
107 浏览

reactjs - reactjs组件渲染对于列表来说真的很慢

我有组件

我已经通过消除所有与该组件相关的过程进行了测试,从它的兄弟姐妹到通过对道具进行硬编码,一切都与商店的连接。该列表只是 114 个小对象,我什至在其他地方做了类似的事情,但不是这个组件。

这个组件平均需要大约 150-200 毫秒来渲染,这很不寻常,因为我在另一个组件中做了类似的事情,渲染时间不到 8 毫秒。出了点问题,我无法弄清楚问题所在。

关于如何确定我的表现在哪里下降的任何想法?

谢谢!

0 投票
1 回答
5528 浏览

npm - 重新安装 node_modules 后,在 Fluxible 中出现 webpack 错误“找不到模块:错误:无法解析模块”

我有一个fluxible项目,在删除 node_modules 中的所有文件并npm install -d在尝试运行时重新安装后出现npm run dev这些错误node webpack-dev-server.js & PORT=3001 nodemon start.js -e js,jsx。在我重新安装依赖项之前,该应用程序运行良好。

这是fluxible模板项目

https://github.com/yahoo/generator-fluxible

是什么导致了这些错误,我该如何诊断?为什么它最初可以工作,然后在我重新安装节点模块时停止工作?

0 投票
1 回答
181 浏览

javascript - 如何在 Fluxible fetchr 应用程序中增加 ajax 请求超时长度?

我正在使用 yahoo 的 Fluxible 和 fetchr,并且在请求服务调用中偶尔会出现超时。如何在我的配置中增加 ajax 请求超时时间?

https://github.com/yahoo/fluxible-plugin-fetchr

0 投票
1 回答
1416 浏览

reactjs - context.createElement 不是 Fluxible 1.0.x 中的函数

将应用程序从 Fluxible v0.4.x 升级到 v1.0.x,一切看起来都很好,除了这个错误现在正在发生。context.createElement is not a function

相关的代码行似乎是:

关于在哪里寻找或修复什么的任何想法?

0 投票
1 回答
104 浏览

javascript - 为什么我的 Fluxible 商店不会脱水?

我有一个非常简单的 Fluxible 商店:

NEW_NOTES_FETCHED 由从我的后端 API 获取数据的操作调度,并且存储侦听该事件并从有效负载中提取数据。据我所知,这一切都在起作用,因为在客户端运行时一切都运行良好。

我遇到的问题是 NoteStore 在服务器调用app.dehydrate(). 我查看嵌入到页面中的 JSON,但在任何地方都看不到我的商店,尽管我确实看到了 RouteStore 的信息。

我使用 FluxibleContext 注册了我的商店,但我是否需要另外做一些事情才能将其添加到脱水链中?

应用程序引导代码(如果相关):

0 投票
1 回答
83 浏览

javascript - Fluxible Context methods hang

I'm facing a situation where the methods in Fluxible Action context seem to hang. I think my trouble stems from the fact that I'm writing in ES5 and I've had to take my best guess at how the ES6 examples on Fluxible's homepage translate (link and link).

Anyway, here's some relevant code (simplified greatly to try and emphasize the parts that I think might be important):

Store.js

Actions.js

And I'm using this whole setup with the following lines

I have found while debugging with print statements that execution gets stuck at context.dispatch('ACTION_DONE', {}); in Actions.action1 and at var store = context.getStore(Store.constructor); in Actions.action2. This makes me wonder at my ES5 translation of the examples - particularly my implementation of Store.js.

Any help would be appreciated. And do let me know if there is more information that I can provide.

0 投票
1 回答
6656 浏览

reactjs - 如何将标准的 react-notification-system 示例改编为可变项目

我正在尝试在标准 Fluxible 项目中使用此组件https://github.com/igorprado/react-notification-system,并正在寻找有关如何将示例代码调整为 es6 样式类的指导。

这是原始示例代码:

这是我尝试将其添加到可流动应用程序组件中的尝试,我应该将 notificationSystem 对象添加到状态中吗?如果我连接到商店,使用 componentDidMount 是否总是可靠的?我应该如何从操作触发通知 - 我应该更新触发组件的 notificationStore 还是直接从操作本身以某种方式对组件进行操作?

0 投票
3 回答
59 浏览

javascript - 试图了解 Flux 存储 - 所以如果状态保存在存储中,这也是我进行数据库调用的地方吗?

我正在尝试构建一个联系人列表应用程序来自学 reactjs,我现在正在学习 Fluxible。

1) 输入新联系人。提交后,将newContact创建一个包含以下内容的对象:

  • 电子邮件
  • phone1(最多可添加 3 个电话)
  • 图片(现在它只是一个文本字段,您可以添加一个 URL ..)

2) 此newContact对象作为有效负载发送到 my createNewContactAction,并且调度程序“警告”已建立新联系人。

3)此时,ContactStore 开始发挥作用。这就是我卡住的地方。

我已经得到了我的目标。如果我想将此对象保存到我的数据库中,我会这样做吗?

我有点困惑下一步该做什么。我的最终目标是在列表中显示所有联系人,因此我需要将每个新联系人添加到某处,以便我可以提取所有联系人。

有人可以指出我正确的方向吗?