Question

我第一次在这里发帖，我对网络开发是全新的，所以如果此处有类似内容（我已经有了很好的搜索），我会提前道歉！

简而言之，我正在创建一个应用程序，根据用户搜索输入从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);
});

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

Answer 1

晚会，但本教程概述了使用Express设置React，对于遇到类似挫折的其他人可能会有用。

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

Answer 2

如果任何初学者只是在寻找react和express之间的连接，那么这将是一个精简版和更容易上手的版本，没有babel，测试工具和其他不是最初需要的样板。

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

使用Express设置React应用程序

2 个答案: