Реагировать на Redux-страницы с помощью React Router

В настоящее время я ищу приложение с React и Redux. Теперь в большинстве примеров используется React Router, и мне было интересно, для чего это именно так.Реагировать на Redux-страницы с помощью React Router

Мое приложение будет иметь много страниц (не менее 20) с динамическим контентом. Теперь мой вопрос: может ли это быть сделано с React Router? Я вижу некоторые вещи, которые говорят, что это помогает вам создавать одностраничные приложения, но что такое одна страница приложение? Итак, в основном, было бы лучше пойти с React Router или другой библиотекой? Кроме того, даже если это многостраничное приложение, у меня останется только один index.js и один index.html?

источник

2016-07-27 Michael Jones

Реагировать маршрутизатор позволяет установить «Маршруты», такие как:

/ 
/posts 
/posts/12345 
/posts/archive

Без react-router, вам придется управлять изменения в URL самостоятельно.

Кроме того, для более крупных и более сложных приложений react-router (наряду с Webpack) позволит вам выполнять «разделение кода», позволяя вам обслуживать только нужные файлы для каждого URL-адреса. Без этого ваш единственный файл bundle.js может стать очень большим.

источник

2016-07-27 20:02:08 Toby

Значит, это поддерживает * многостраничные приложения? –

Вы можете создать несколько страниц в одной странице приложения с реагированием. React Router позволяет вам намного лучше контролировать URL. Разделение кода - это то, где вы разделяете свои производственные файлы на более мелкие куски, и ваши пользователи будут обращаться к ним только при посещении URL-адреса, где эти файлы необходимы. Это важно, так как приложения javascript могут стать очень тяжелыми довольно быстро. Дополнительная информация: https://github.com/reactjs/react-router/blob/master/docs/Introduction.md – Toby

Спасибо, это имеет больший смысл! Ок, последний вопрос, например, у меня есть страницы 'home' и' login'. Получают ли они свои собственные имена, такие как 'home.js/home.html' и' login.js/login.html', или все они все еще обслуживаются из 'index.js/index.html'? –

Что такое одностраничное приложение?

Одностраничное приложение имеет весь необходимый код, полученный при загрузке одной страницы. Примером SPA является gmail. SPA не нужно обновлять браузер при навигации между представлениями.

Было бы лучше пойти с React Router или другой библиотекой?

React Router - это не официальная библиотека маршрутизации из Facebook, но она, безусловно, самая популярная. Я рекомендую использовать его, поскольку у него есть большое сообщество, которое может помочь вам, если у вас возникнут проблемы.

У меня есть только один index.js и один index.html?

С React вам понадобится что-то вроде Webpack для пересылки JSX и ES6. Точкой входа для вашего приложения будет пакет js-файл, созданный Webpack, который содержит весь ваш код javascript. У вас может быть несколько точек входа, например, если вы хотите иметь отдельный пакет для ваших модулей узла. Короче говоря, у вас будет один файл index.html, но у вас может быть один или несколько js-файлов.

источник

2016-07-27 20:32:27 sdw

Реагировать на Redux-страницы с помощью React Router

ответ

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