使用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