文件名称:lux.js:在LeanKit上使用ReactJS的基于流量的架构
文件大小:189KB
文件格式:ZIP
更新时间:2024-05-22 07:18:54
JavaScript
它是什么 lux.js是使用ReactJS,postal.js和machina.js的架构的实现。 简而言之,React组件,调度程序和存储是高度分离的。 这是起作用的观点的要点: 组件使用luxWrapper作为存储的代理。 lux分配方法生成消息有效负载,该消息有效负载路由到Dispatcher。 这协调了何时以及如何告知商店和动作侦听器处理动作。 存储操作是同步的。 存储状态不会直接更改*。 实际上,只能在商店的动作处理程序中对商店状态进行突变。 与商店的通信是通过Dispatcher(通过分派操作)或遵循这些操作的lux消息协定的等效消息功能API来完成的。 其他模块可以对存储进行依赖以进行只读操作。 一旦所有参与处理动作的商店都完成了任务,分派器就会通过msg发出信号,表明商店可以发送更改通知。 连接到侦听特定商店的luxWrapped组件(请参见下文)将收到其更新
【文件预览】:
lux.js-master
----.eslintrc.js(222B)
----bower.json(1KB)
----webpack.config.js(2KB)
----src()
--------bus.js(270B)
--------.eslintrc.js(156B)
--------store.js(5KB)
--------utils.js(594B)
--------dispatcher.js(5KB)
--------mixins()
--------lux.js(1KB)
--------actions.js(2KB)
--------printUtils.js(2KB)
----lib()
--------lux.min.js(26KB)
--------lux.min.js.map(53KB)
--------lux.js(57KB)
--------lux.js.map(62KB)
----spec()
--------dispatcher.spec.js(6KB)
--------store.spec.js(16KB)
--------actions.spec.js(4KB)
--------mixins.spec.js(11KB)
--------.eslintrc.js(180B)
--------helpers()
--------luxWrapper.spec.js(10KB)
----LICENSE(1KB)
----README.md(3KB)
----logo.png(16KB)
----.jscsrc(3KB)
----component.json(1KB)
----.gitignore(193B)
----CHANGELOG.md(6KB)
----package-lock.json(351KB)
----package.json(3KB)