Articles of 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程。 🙂