使用Express设置React应用程序

我第一次在这里发帖，我对web开发完全陌生，所以如果在这里有类似的东西（我已经有很好的搜索），我提前道歉！使用Express设置React应用程序

总之，我正在制作一个基于用户搜索输入从Instagram获取图像的应用程序。挺容易。但是，我正在使用Node和Express服务器端和React客户端，并且我搜索了很多React教程，Express教程和我对如何开始使用感到困惑。每个教程都使用不同的依赖关系（我曾尝试Google了解它们的功能），并且在某些时候并未明确将代码放在哪里 - 我已经看到app.js，server。 js，templates.jsx。希望有人可以用外行的话来解释，帮助我们新手。

所以基本上，我想了解如何设置我的应用程序以及我需要的文件app.js包含此代码，server.js包含此代码等，以便至少可以在我的页面上显示某些内容。

到目前为止，我有这样的：

// 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); 
});

非常感谢您的任何帮助/信息！

来源

2015-09-26 lianneharrison

反应是客户端应用程序，在其中您可以用'''app.use（express.static（path.join（__目录名称，“公共”设置静态文件夹快递基本就捆绑一起）））;'''所以你把你的html，JavaScript静态文件放在文件夹名里面。 React基本上是一个与节点无关的Web组件，或者表达为 – syarul

谢谢@syarul。我现在设法启动并运行，但感谢您解释哪些文件在哪里。 – lianneharrison