2015-09-26 3 views
2

Моя первая публикация здесь, и я совершенно не знаком с веб-разработкой, поэтому извиняюсь заранее, если здесь уже что-то похоже (у меня был хороший поиск)!Настройка приложения React с Express

Вкратце, я делаю приложение, которое извлекает изображения из 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); 
}); 

Большое спасибо за любую помощь/информация!

+0

реагирует это приложение на стороне клиента, основная с курьерскими вы связывайте вместе в статической папке, которую вы можете установить с помощью '' 'app.use (express.static (path.join (__ имя_директории,«общественности»))); '' 'поэтому вы ставите свои html, javascript статические файлы внутри имени папки public. Реакция - это в основном веб-компоненты, которые не имеют ничего общего с узлом или выражают – syarul

+0

Спасибо @syarul. Мне удалось запустить его и запустить, но спасибо, что объяснили, какие файлы идут туда. – lianneharrison

ответ

1

Поздняя вечеринка, но в этом учебном пособии представлен обзор настройки React with Express и может быть полезен для других, испытывающих подобные разочарования.

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

+1

Совсем нет, это замечательно @nicholasericksen спасибо за то, что поделились! – lianneharrison

+0

Хорошо, что должно дать вам представление о том, как все работает особенно с SSR, но некоторые из библиотек, используемых в учебнике, например, «response-router» имеют большое обновление. – Rowland

0

В случае любой новичок просто ищет только связи между реагировать и выражать то, что это будет урезана и проще начать версию без Бабеля, инструменты тестирования и другие не так изначально требуемого шаблонного.

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

Смежные вопросы