-
0 votesanswersviews
在React组件中设置初始状态以进行渐进增强和Flux架构
我在http://scotch.io/tutorials/javascript/build-a-real-time-twitter-stream-with-node-and-react-js上阅读了它，它描述了一种无缝接管服务器渲染的React组件的技术： 服务器在手柄中呈现为{{}}，并传递初始状态 . <section id="react-app">{{{ ma... -
3 votesanswersviews
使用Flux架构中的内部事件创建可重用的React.js组件[关闭]
我正在遵循以下视频中的“容器和组件”方法，以在Flux架构中构建可重用的组件 . React.js Conf 2015（22m 50s）：https://youtu.be/KYzlpRvWZ6c?t=22m50s 例如，我正在使用“下一步”按钮构建图像滑块 . ImageSliderContainer 侦听ImageSliderStore并维护状态（例如，currentIndex） 使用... -
0 votesanswersviews
如何在服务器和客户端上完全呈现反应组件？
我需要制作ES6同构javascript应用程序，它可以在第一次请求时在服务器上呈现整页数据（或者在客户端上使用w / o js），并使用客户端呈现进行导航 . 有两个模块可以进行异步渲染 - react-async和react-nexus . React Async可以从React组件发出XHR请求，但是需要节点光纤插件，React Nexus可以进行服务器端Flux存储，而我无法理解how... -
1 votesanswersviews
React Flux：如果有状态，如何更新存储只能在组件渲染后确定
我是FLUX / REACT的新手，我对FLUX有一些疑问 . 这是场景： 我有一个商店“A”和组件“B”，A传递数据到“B”然后B渲染它，但在B渲染后，我必须将它的HTML内容高度保存到某个地方（理想情况下，应该在“A”中） . 根据FLUX，数据流应该是单向的并存储在商店中，但我无法知道B渲染之前的高度 . 这对我来说就像一个悖论...... 我应该怎么做？ -
4 votesanswersviews
Reactjs：作为道具访问时未定义的键
工具：Reactjs 0.14.0 Vanilla Flux I need unique identifiers for 2 reasons: Child Reconciliation Keeping track of what child was clicked 所以，假设我有一个如下所示的消息列表： [ { id: 1241241234, <--... -
1 votesanswersviews
如何在Reactjs Reflux应用程序中正确初始化Store from Component？
我有一个简单的导航栏用例 组件 NavBar.jsx NavBarItem.jsx 商店 NavStore.js 使用依赖项 反应 回流 我会像导航栏一样渲染 <NavBar active={itemName} itemList={itemList} /> 问题是我的初始状态是{}，我的NavStore也是如此，因为没有涉及外部数据，我应该如何使用item... -
2 votesanswersviews
刷新反应组件或通量/还原的逻辑？
所以我对React相当新，我无法围绕如何基于另一个组件重新渲染主要组件的概念 . 假设我们有一个待办事项，待办事项可以有一个状态（新的，运行的，关闭的） . 我们在列表中显示所有待办事项，我们可以根据状态过滤项目 . 我们使用bootstrap dropdownbutton like component来设置过滤器，这是一个React组件 . 现在，当我们更改过滤器时，我们显然想要刷新待办事项 .... -
13 votesanswersviews
如何处理Flux商店中的一对多关系
我刚刚开始使用flux（现在使用redux），我想知道如何处理关系 .举个例子，我们可以使用Trello，它有包含卡的列的板 . 一种方法是为板子安装一个存储/减速器，并在其中包含所有数据，但这意味着一些非常胖的存储，因为它们必须包含列和卡的所有操作 . 我见过的另一种方法是将嵌套资源分成例如BoardStore，ColumnStore和CardStore，并使用它们的id作为参考 . 这是一个我... -
5 votesanswersviews
使用React`context`来访问无Flux应用程序中的模型mutators是否合理？
我正在开始一个新的React应用程序，并且看到生态系统中的所有新闻，我想慢慢地实际考虑我的选择，从React / Webpack / Babel开始，并引入更多 . 这些选择中的第一个是否使用Flux（更确切地说，Redux，它看起来很棒并且似乎赢得了助威战争） . 我就是这样的地方： 我理解Redux的好处，summarized on SO by Dan Abramov . 它们看起来很棒，... -
4 votesanswersviews
Redux：是否有用于跟踪异步请求状态的标准实现或库？
在redux async actions in the docs中，异步请求的状态在各个对象的状态容器中保存为属性 isFetching ： { selectedSubreddit: 'frontend', postsBySubreddit: { frontend: { isFetching: true, didInvalidate: false, ... -
1 votesanswersviews
什么是用于构造有效负载的Flux标准操作约定？
我想使用Flux标准操作标准为我的Redux应用程序编写操作，我不确定如何构建有效负载本身 . Flux Standard Action github repo上给出的示例是： { type: 'ADD_TODO', payload: { text: 'Do something.' } } 如果我在我的有效载荷中传递多条信息怎么办？例如，在一个简单的待办事项应用程序中，... -
41 votesanswersviews
Redux：关于如何进行后端持久化的意见/示例？
我想知道使用Redux的人们是如何接近他们的后端持久性的 . 特别是，您是将“操作”存储在数据库中还是仅存储应用程序的最后已知状态？ 如果要存储操作，是否只是从服务器请求它们，然后在给定页面加载时重放所有这些操作？这可能会导致一些大型应用程序存在大量行为的性能问题吗？ 如果您只存储“当前状态”，那么在客户端执行操作时，您在任何给定时间实际上是如何持久保持此状态的？ 有没有人有一些代码示例，说明他们... -
110 votesanswersviews
异步初始化的React.js组件的服务器端呈现策略
React.js 的最大优势之一应该是 server-side rendering . 问题是关键函数 React.renderComponentToString() 是同步的，这使得在服务器上呈现组件层次结构时无法加载任何异步数据 . 假设我有一个用于评论的通用组件，我可以在页面的任何位置删除它 . 它只有一个属性，某种标识符（例如文章的id，其下方放置了注释），其他所有内容都由组件本身处理（... -
4 votesanswersviews
访问包含在更高阶组件中的React组件
我知道有类似的问题，但他们都没有一个令人费解的答案，因为这个问题会影响很多使用组件包装的人 . 假设我有一个包装在像React-Motion的Spring包装器中的组件 . What is an elegant react-ish way of accessing the wrapped react component e.g. in a mouse event handler placed ... -
1 votesanswersviews
如何使用Facebook Flux调用节点服务器以获取Web应用程序中的数据？
我是反应灵敏的新手 . 我正在尝试使用flux体系结构构建一个简单的应用程序，我遇到了如何从来自节点服务器获取数据的问题 . 我搜索过这个以及我找到的每个链接，只是表明我必须使用ajax从服务器获取数据，但我不想这样做 . 由于我当前的应用程序是基于Angular和节点js构建的，我可以轻松调用服务器通过 $http 服务获取数据 . 但是我没有在反应或流量中找到那种东西，即使在反应文件中没有可用... -
0 votesanswersviews
React - REST定义的REST组件列表
我将解释我想在Flux / React应用程序中实现的目标 . 这是我的路线： var routes = ( <Route name="layout" path="/" handler={Layout}> <Route name="page" path=':section/:detail' handler=... -
5 votesanswersviews
有关多功能应用的状态与磁通存储的问题
我一直在学习很多关于助焊剂的反应，为将要使用React Flux的项目做准备（alt实施） . 虽然所有的概念都清楚我对通量架构以及它们如何连接在一起 . 我对如何处理页面/视图特定数据有疑问 . 在大规模多功能应用程序中，应用程序范围的状态/数据（如身份验证状态或其他全局功能）应该由flux action / store处理以轻松处理跨组件状态 . 如果它处于角度1应用程序中，则这些数据/状态将... -
33 votesanswersviews
redux，react-redux，redux-thunk之间有什么区别？
我正在使用React Flux . 我们的团队正计划从通量转向redux . Redux对于来自flux world的我来说非常困惑 . 在 flux control flow is 简单来自 Components -> actions -> Store and store updates back components . 它简单而且非常清晰 . 但在redux中它令人困惑 . ... -
1 votesanswersviews
Statefull组件与可能异步的存储进行交互
我正在研究一个React Flux项目，其中异步交互是一个持续的事情，当涉及到反应生命周期时，我仍然有点不稳定 . 在我的有状态组件中，我有一个getStateFromStores函数，如果商店中没有状态，则返回false bool，否则返回状态 . 正如我现在所说的那样，循环如下： 我的组件中有一个名为getState（）的绑定函数（ES6反应类），它只调用getStateFromStores并... -
63 votesanswersviews
在React应用程序中提供服务
我来自角度世界，在那里我可以将逻辑提取到服务/工厂并在我的控制器中使用它们 . 我试图了解如何在React应用程序中实现相同的功能 . 假设我有一个验证用户密码输入的组件（它的强度） . 它的逻辑非常复杂，因此我不想在它自己的组件中编写它 . 我应该在哪里写这个逻辑？在商店里，如果我使用助焊剂？或者有更好的选择吗？ -
5 votesanswersviews
为什么我们在Flux / Redux架构中解耦动作和缩减器？
我一直在使用Flux和Redux以后很长一段时间，我确实喜欢它们，我看到了它们的好处，但是我脑海中浮现的一个问题是： 为什么我们将动作和减少器分离并在表示改变状态（动作）的意图的调用和改变状态（减速器）的实际方式之间添加额外的间接，以这种方式更难以提供静态或运行时保证和错误检查？为什么不使用修改状态的方法或函数？ 方法或函数将提供静态保证（使用Typescript或Flow）和运行时保证（未找到方... -
1064 votesanswersviews
为什么在Facebook Flux上使用Redux？
我读过this answer，reducing boilerplate，看了几个GitHub的例子，甚至试了一下redux（todo apps） . 据我了解，official redux doc motivations提供了与传统MVC架构相比的优点 . 但它没有提供问题的答案： Why you should use Redux over Facebook Flux? 这只是编程风格的问题：功能... -
226 votesanswersviews
使用Redux而不是Flux可能有什么缺点
我刚刚发现Redux . 一切看起来都不错 . 使用Redux over Flux有任何缺点，困难或妥协吗？谢谢