相关疑难解决方法(0)

我正在使用flux体系结构创建一个react.js应用程序,我正在尝试弄清楚应该在何时何地从服务器请求数据.这有什么例子吗？(不是TODO app!)

我观看了一个众所周知的视频,前苹果UI设计师Bret Victor在源代码中改变了一个符号之后,立即更新了运行代码,展示了令人惊叹的演示.

为了让那些没有看到或没有时间观看视频的人明白我的问题:我想使用这样的工具来编写我自己的软件.他演示的工具是否可用,还是有其他类似的工具？

无论哪种语言/环境都无关紧要,我只想让我的代码运行然后在源代码中更改一行,并立即看到更新的结果而不重新启动它.

该视频也可在YouTube上观看,关键点是:

• 03:30 - 05:30 - 实时编码图形算法(空间)
• 11:00 - 14:30 - 实时编码一些游戏代码(空格和时间)
• 17:30 - 21:30 - 实时编码局部变量(状态)

我一直在使用React/Flux,我无法绕过'Flux Way'处理权限敏感操作.

首要问题:当未登录的访问者尝试需要他/她登录的操作时,(a)检查用户是否已登录,(b)启动登录流程(c)的Flux方式是什么？ )完成成功的行动？

以一个论坛应用为例,要求用户登录发布:

我们有一个评论表单组件(主要来自FB的React tut),如下所示:

var CommentForm = React.createClass({
  handleSubmit: function ( e ) {
    e.preventDefault();

    // get data
    commentData = {
      content: this.refs.content.getDOMNode().value.trim()
    };

    this.props.onCommentSubmit( commentData );
    this.resetForm();
  },

  resetForm: function () {
    this.refs.content.getDOMNode().value = '';
  },

  render: function () {
    return (
      <form className="comment-form" id="comment-form" onSubmit={ this.handleSubmit }>
        <textarea name="comment[content]" placeholder="What's on your mind?" ref="content"></textarea>
        <button className="post-comment button" type="submit">Post</button>  
      </form>
    )
  }
});

评论商店(缩写)

var CHANGE_EVENT = 'change';
var _comments = {};

function createComment ( data …

我把自己绑在一个带有React问题的结上,我确信它不会像我现在看起来那么困难.

我正在针对返回资源的RESTful服务器API构建单页面应用程序,以及描述可以使用该资源执行的操作的链接.我正在努力确保我的客户端的ajax调用只使用以这种方式从服务器检索的URL.因此,例如,我的LoggedInSessionStore包含允许我获取所有公共文档列表的URL.

我遇到的问题是如何管理操作和存储之间的依赖关系.例如,当获取所有公共文档的操作触发时,它需要从LoggedInSessionStore获取其URL.但该商店可能尚未填充; 因此,在上一个操作(获取登录会话)完成之前,操作不得触发.

所以,我想要一个可以使用存储在商店中的URL获取服务器数据的操作.确保在该商店填充之前无法触发操作的可接受方法是什么？

套接字在哪里适合Flux单向数据流？我已经阅读了两种思路,即远程数据应该进入Flux单向数据流.我看到获取Flux应用程序的远程数据的方式是在进行服务器端调用时,例如,在承诺中解析或拒绝.在此过程中可能会触发三种可能的操作:

1. 乐观更新视图的初始操作 (FooActions.BAR)
2. 解决异步承诺时的成功操作 (FooActions.BAR_SUCCESS)
3. 异步承诺被拒绝时的错误操作 (FooActions.BAR_ERROR)

商店将监听操作并更新必要的数据.我已经看到了来自动作创建者和商店内部的服务器端调用.我使用动作创建器进行上述过程,但我不确定是否应该通过Web套接字获取数据.我想知道插座适合下图.

我已经找到了很多有关如何获取React和Flux数据的资源,博客和意见,但更不用说将数据写入服务器了.有人可以在构建一个持续更改RESTful Web API的简单编辑表单的上下文中提供"首选"方法的基本原理和一些示例代码吗？

具体来说,哪个Flux盒子应该调用$.post,ActionCreator.receiveItem()调用的位置(以及它做什么),以及商店注册方法中的内容是什么？

相关链接:

• 在使用React + Flux时,操作或存储是否应该负责转换数据？
• 助焊剂存储或行动(或两者)是否应该接触外部服务？
• 在Flux应用程序中应该在哪里发出ajax请求？