Tag: reactjs

我可以res.send反应类中的nodejs同构反应的整个页面？: 希望这听起来不是太荒谬，但是，做下面的事情可以吗？ app.get('/', function(req, res) { res.send(ReactDOMServer.renderToString(MainLayout())); }); 其中MainLayout（）是一个包含整个页面的React类。 var React = require('react'); var MainLayout = React.createClass({ getInitialState: function () { return { headerStyle : {'border': '1px solid #ccc'} }; }, changeStyle: function () { this.setState({headerStyle: {'border': '1px solid #ab1'}}); }, render: function() { return ( <html> <head> <title>This is a test.</title> </head> <body> <div onClick={this.changeStyle} […]

反应：如何使用React-starter-kit在服务器上发布页面: 所以，我使用repo创build了一个页面： https ： //github.com/kriasoft/react-starter-kit 我有我自己的全球ftp服务器。现在我想在服务器上发布我的项目。什么是最好的方法来做到这一点。我应该复制所有文件到FTP服务器，只需执行命令“NPM开始”？或者，也许我应该部署它？我是networking部署新手，不知道它是如何工作的。感谢您的任何提示。

GitHub Fetch填充不与React表单组件形成顶点: 我正在使用GitHub和React 获取 api的polyfill。提交表单的例子如下： var form = document.querySelector('form') fetch('/users', { method: 'post', body: new FormData(form) }) 我的代码目前看起来像这样的组件内部 handleSubmit (event) { event.preventDefault(); fetch('/api/user/', { headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, method: 'post', body: JSON.stringify(this.state) }).then(function(response) { console.log(response); }) }, 在应用程序状态中，我持有正在发送的数据。这是一个简单的对象。 { email: 'someemail@email.com', password: 'password', name: 'Some Name' } 我试图从事件event.target传递表单本身，以及通过ID属性获取表单，并将其传递给正文。在服务器上，我使用NodeJs来捕获请求中的表单主体。但是，如果我没有通过头'Content-Type': 'application/x-www-form-urlencoded' ，请求是空'Content-Type': 'application/x-www-form-urlencoded' 。 […]

如何使用node.js比symfony更好地应对前端？: 我用symfony和twig和jquery构build了我的应用程序（一个ERP）。现在，我的应用程序几乎每次更改都是在redirect之后完成的，也就是说，如果用户想要编辑某些内容，他点击“编辑”，用表单redirect到一个新页面，validation表单，然后回到前一页改变。这种外观和感觉是非常古老的，我希望我的应用程序能够符合像Trello这样的新SaaS标准（我能想到的最好的例子/ Slack也不错）。我已经开始在我的symfony应用程序中使用React，在我的树枝文件中。不过，我看到大多数反应用户正在使用node.js，并最终expression。我不知道这些足以说明是否与改变有关。假设我打算改变我的前端，我的后端特性将通过REST API变得可用，并且我希望Trello的外观和感觉得益于ReactJS的实现（不是Angular，所做的select）：有什么好的论点将主张改变技术（这将与ReactJS很好地结合），以及哪种技术应该是？（如果你明白我的问题，但觉得我的问题可以改善，不要犹豫，build议编辑）

如何在React指令主页上使用代码: 在React.js入门页面上使用Node进行安装，它表示要执行以下操作。安装react和react-dom软件包。 – 完成，没有错误运行： npm install –save react react-dom babelify babel-preset-react 这工作得很好然后运行…. browserify -t [ babelify –presets [ react ] ] main.js -o bundle.js 这给了我一个错误（我从来没有使用过浏览器）。错误是没有findmain.js 在指令的上面，有一个名为main.js的文件里有一段随机的代码，只是……好吧，“坐在那里”并没有说明如何处理它。所以我假设这是最后一个命令正在查找的文件。所以我复制代码到一个名为main.js的文件中的节点目录，然后运行： browserify -t [ babelify –presets [ react ] ] main.js -o bundle.js 这工作 – 没有错误。现在我不知道我希望看到“Hello world”文本渲染。这种“入门”的方式是写的，它推断用户应该神奇地知道该怎么做才能看到示例文本渲染，但我不知道。注：我作为一个Web服务器快速运行，作为一个便笺，我不懒惰，我认真地认为这些说明太偏，只是离奇的。以下是“开始”给你的东西 – 减去快递networking服务器。

可以在服务器渲染上使用reduce进程调度？: 我有一个使用redux-router工作的客户端应用程序。我从我的api调度user页面的初始状态。我的路线文件： export default function ({ dispatch, getState }) { function getUser(nextState, replaceState) { dispatch(getUserData(nextState.params.id)); } return ( <Route path="/" component={App}> <Route path="user/:id" component={User} onEnter={getUser}/> <Route path="*" component={NoMatch}/> </Route> ); } } 所以在客户端它工作得很好。在getUserData派发返回数据之后，我希望将我的标记呈现为string。这是我的服务器匹配和渲染（从官方服务器渲染的例子）： app.use((req, res) => { const store = reduxReactRouter({ routes, createHistory: createMemoryHistory })(createStore)(reducer); const query = qs.stringify(req.query); const url = […]

如何添加Reagent到Node JS API: 我有一个简单的节点JS应用程序提供API。我可以node main.js来运行服务器，并调用localhost:3000/api/names来成功获取名称列表。我想用Reagent / Cljsbuild立在这个基础上。我可以在localhost:3030上运行一个试剂应用程序localhost:3030 。我的问题是，我如何从试剂应用程序API调用Node应用程序？还是我的架构都错了？我应该结合这两个应用程序，如果是的话，如何？我已经尝试过将它们结合起来，但Reagent想要在Ring上运行，而Node应用程序想要在节点服务器上运行。所以我还是没有沟通。我已经试过了快速入门指南，但这不完全相同的情况。我也给了这个方法无济于事。将这些组件放在一起以便我可以将Node应用程序的API响应数据带到Reagent应用程序的最简单方法是什么？或者有没有一种方法可以从我缺less的Reagent应用程序中调用API调用？

react-router没有node.js: 是否有可能使用react-router而不安装node.js？正如我所看到的，这是没有办法使用反应路由器，而不使用node.js。正如我所看到的，我们应该安装node.js并使用npm来安装react-router。只有这样我们才能使用它。 react-router是node.js组件，还是可以单独下载？谢谢！

如何获得GraphQL中的对等字段？: 想象一下，我们有GraphQLscheme，其中一些字段依赖于未在父types中parsing的对等字段。 foo和bar在下面的代码片段中。 const MyType = new GraphQLObjectType({ name 'MyType' fields { id: { type: GraphQLString // Resolved from parent type }, foo: { type: GraphQLString, description: 'Foo', resolve: function({id}, args, {rootValue:{logger, datasources:{pool}}}) { // Making some queries to database } }, bar: { type: GraphQLString, description: 'Bar', resolve: function({id}, args, {rootValue:{logger, datasources:{pool}}}) { // Making […]

反应路由器Web服务器的开发: 我刚开始使用react-router，我想使用browserHistory。到目前为止，我一直在使用watchify和一个chrome插件使用热重载进行开发，以监视静态内容的变化。这意味着我正在直接在静态内容上进行所有的开发，并在浏览器中刷新静态内容，而不涉及Web服务器。现在开始挑战 – 你不能在文件上使用browserHistory：//因为原点是null，并且历史api会抛出一个错误。此外，browserHistory更好，build议所以我想使用它。麻烦的是它打破了我的开发工作stream程。如果每次我需要testing一个更改，我都要将我的静态内容部署到本地的tomcat实例，这将会非常缓慢。我认为NPM社区必须已经有了一个解决scheme，我只是不知道要search什么工具。我认为必须有一些NPM插件监视我的SPA内容的变化，build立它，然后将它部署到networking服务器。我做了一些这样的工具search，但我还没有find我需要的东西。任何人都可以协助我想也许我只需要Grunt自动推送到我本地的Tomcat …无论什么解决scheme，我需要一个快速开发工作stream程。 🙂