使用Express设置React应用程序

我第一次在这里发表,我对networking开发完全陌生,所以如果在这里有类似的东西(我有一个很好的search),我提前道歉!

总之,我正在制作一个应用程序,根据用户的searchinput从Instagram获取图像。 挺容易。 但是,我正在使用Node和Express服务器端和React客户端,我已经search了很多React教程,Express教程,我很困惑如何开始。 每个教程都使用不同的依赖关系(我曾尝试Google了解它们的工作原理),并且在某些时候并不明确将代码放在哪里 – 我已经看到了app.js,server。 js,templates.jsx。 希望有人可以用外行的话来解释,帮助我们新手。

所以基本上,我想了解如何设置我的应用程序和我将需要什么文件,例如app.js包含此代码,server.js包含此代码等等,以便至less有东西显示在我的网页上。

到目前为止,我有这样的:

// in my app.js var express = require('express'), app = express(); app.use(express.static('public')); app.get('/hashtag/:hashtag', function(req, res) { var token = (removed); // this is where id fetch instagram imgs }); var server = app.listen(3000, function () { var host = server.address().address; var port = server.address().port; console.log('Instagallery server listening on http://%s:%s', host, port); }); 

非常感谢您的帮助/信息!

晚会之后,本教程提供了有关设置React with Express的概述,可能对遇到类似挫折的其他人有用。

https://medium.com/front-end-developers/handcrafting-an-isomorphic-redux-application-with-love-40ada4468af4#.yjzuy2k97

如果任何初学者只是寻找反应和expression之间的连通性,那么这将是一个修剪和更容易上手的版本没有巴贝尔,testing工具和其他不是最初需要的样板。

https://medium.com/@kushalvmahajan/i-am-about-to-tell-you-a-story-on-how-to-a-node-express-app-connected-to-react-c2fb973accf2