Tag: reactjs flux

Flux + React vs Backbone + React

Flux + React比Backbone + React有什么优势？ 除了庞大的复杂代码库的代码开发缓解之外，是否还有性能差异？ 如果我们在使用Backbone + React的应用程序中的模型和反应视图之间存在1：1的关系呢？

ReactJS findDOMNode和getDOMNode不是函数

我正在构build与ReactJS和Flux的Web应用程序，我试图使用方法findDOMNode获取我当前的div的节点，我得到下一个错误： Uncaught TypeError: React.findDOMNode is not a function 所以，我试图使用getDOMNode ，我得到了非常相同的错误： Uncaught TypeError: React.getDOMNode is not a function 我使用npm来构buildJS，我使用这些方法的代码： var React = require('react'); var stores = require('../stores'); var MessagesUserContainer = require('./messageusercontainer'); var ChatStore = stores.ChatStore; var owner = stores.getOwner(); var MessagesList = React.createClass({ getInitialState: function(){ return {'muc': []}; }, componentDidUpdate: function(){ var node = React.findDOMNode(this); //Error […]

stream量最佳实践：在Web API Utils中存储调度操作，AJAX调用？

我明白，这个图像已经成为大多数（如果不是全部的话）Flux程序员的最终指导。 考虑到这一点，我有几个问题： 我的Web API Utils中是否有所有$.ajax调用是正确的/强烈build议？ callback调用动作创build者，传递过程中的数据 如果我想让我的商店进行AJAX调用 ，我必须先调用Action Creator ，对吗？ 直接从Store中调用Web API Utils中的函数从根本上说是不正确的？ 有没有像从商店连接到动作创作者的虚拟单向箭头？ 我有很多操作，没有通过意见 调度员和商店之间的callback是什么？ 这里的Web API是什么？ 这是你在哪里应用RESTful API？ 有没有这个地方的例子？ 在我的一个动作创作者中有一个涉及的逻辑（知道发送哪个动作 ）可以吗？ 基本上，这个动作接收来自我的AJAX调用的响应。 这是一个片段： var TransportActions = { receiveProxyMessage: function (message, status, xhr) { switch (message) { case ProxyResponses.AUTHORIZED: AppDispatcher.dispatch({ type: ActionTypes.LOGIN_SUCCESS, reply: m }); break; case ProxyResponses.UNAUTHORIZED: AppDispatcher.dispatch({ type: ActionTypes.LOGIN_FAIL, reply: m }); […]

何时使用.toJS（）与Immutable.js和Flux？

我正在尝试使用ImmutableJS和我的React / Flux应用程序。 我的商店是Immutable.Map对象。 我想知道我应该在哪一点使用.toJS() ？ 应该是当商店的.get(id)返回？ 或与.get('member') ？

如何构buildRedux组件/容器

我正在使用REDX，我不知道如何组织我的组件，我认为最好的方法是将它们保存在主文件夹名称和文件夹名称以及所有内部组件的文件夹中： 组件 常见的东西，如链接，标题标题等 表格/button，input等 玩家/所有小组件组成玩家 index.js这个是顶层布局组件 playBtn.js artistName.js songName.js 插曲/另一个组件 然后，在容器文件夹中，每页有一个容器，这是我实际连接到Redux的唯一容器： 集装箱/ HomePageApp.js EpisodePageApp.js … 然后这些操作是每个顶级组件一个，而不是每个页面一个，所以在连接到Redux的页面容器中，我传递了该页面中使用的组件的所有操作。 例如： 动作/ Player.js Episode.js … 我做对了吗？ 我没有find关于它的谷歌search的很多信息，我发现我认为他们只限于小项目。 谢谢！

Redux：如何做后端持久性的意见/例子？

我想知道如何使用Redux的人正在接近他们的后端持久性。 特别是，您是将“操作”存储在数据库中，还是只存储应用程序的最后一个已知状态？ 如果您正在存储这些操作，那么您是从服务器请求它们，然后在给定页面加载时重播它们？ 难道这不会导致一些性能问题与大规模的应用程序，有很多的行动？ 如果你仅仅是存储“当前状态”，那么在客户的行为发生的情况下，你是如何坚持这个状态的？ 有没有人有一些代码的例子，他们如何将redux减速器连接到后端存储apis？ 我知道这是一个非常“取决于你的应用程序”types的问题，但是我只是在思考这里的一些想法，试图感受一下这种“无状态”架构如何在全栈意义上工作。 感谢大家。

使用react-routerlogin后自动redirect

我想在我的react / react-router / flux应用程序中构build一个Facebooklogin。 我有一个在login事件中注册的监听器，并且想要将用户redirect到“/仪表板”，如果他们已经login。我该怎么做？ Location.push不能很好地工作，除非完全重新加载页面。

Webpack-dev-server提供一个目录列表，而不是应用程序页面

我只能在/public下看到实际的应用程序。 webpack.config.js中的configuration如下： var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server', './app/js/App.js' ], output: { path: path.join(__dirname, 'public'), filename: 'bundle.js', publicPath: 'http://localhost:8080' }, module: { loaders: [ { test: /\.js$/, loaders: ['react-hot', 'babel-loader'], exclude: /node_modules/ } ] }, plugins: [ new webpack.HotModuleReplacementPlugin(), new webpack.NoErrorsPlugin() ] }; 项目层次是： 应用 JS […]

在什么样的嵌套层次上，组件应该从Flux中的Stores中读取实体？

我正在重写我的应用程序来使用Flux，并且从商店检索数据时遇到问题。 我有很多组件，他们嵌套很多。 其中一些是大的（ Article ），一些是小而简单的（ UserAvatar ， UserLink ）。 我一直在组件层次结构中挣扎，我应该从商店读取数据。 我尝试了两种极端的方法，我都不喜欢： 所有实体组件都读取自己的数据 每个需要来自Store的数据的组件只接收实体ID并自行获取实体。 例如， Article通过articleId ， UserAvatar和UserLink传递给userId 。 这种方法有几个显着的缺点（在代码示例中讨论）。 var Article = React.createClass({ mixins: [createStoreMixin(ArticleStore)], propTypes: { articleId: PropTypes.number.isRequired }, getStateFromStores() { return { article: ArticleStore.get(this.props.articleId); } }, render() { var article = this.state.article, userId = article.userId; return ( <div> <UserLink userId={userId}> <UserAvatar userId={userId} /> […]

为什么在Facebook上使用Redux？

我读过这个答案 ， 减less了样板 ，看了几个GitHub的例子，甚至尝试了一点点（todo应用程序）。 据我所知， 官方的redux doc动机提供了优于传统的MVC架构。 但是它没有提供对这个问题的答案： 为什么你应该使用Facebook上的stream量的Redux？ 这只是一个编程风格的问题：function与非function？ 或者问题是在redux方法中的能力/开发工具？ 也许缩放？ 还是testing？ 如果我说，redux对于来自函数式语言的人来说是一种stream量，我是对的吗？ 为了回答这个问题，你可以比较实现redux在flux和redux上的动机点的复杂性。 以下是官方的文件格式动机 ： 处理乐观的更新（ 据我所知，它很难取决于第五点，难以在fbstream量中实现它 ） ？ 在服务器上进行渲染（ fb flux也可以做到这一点，与redux相比有什么好处？ ） 在执行路由转换之前获取数据（ 为什么在fb flux中无法实现？有什么好处？ ） 热重新加载（ React Hot Reload有可能，为什么我们需要重新加载 ？ ） 撤销/重做function 还有其他的要点吗 像持续的状态…