React-Router

Официальная документация: official docs Что прочетать: мини-учебник

React-Router это библиотека которая используется для решения задач роутинга:

• Доступ к различным "станицам", а если точнее к разным состояниям приложения (т.к. react используется для разработки SPA - Single Page Application
• Разделение прав доступа - гости не могут зайти на страницу "/admin"
• Редиректы ?

• страница 404

  Для подключения react-router на свой проект необходимо установить его (например через npm):

  npm install react-router --save
  

  Вот пример: scr/index.js

  import React from 'react';
  import {render} from 'react-dom';
  import {Router, Route, IndexRoute, browerHistory} from 'react-router';
  
  render(
  <Router history={browerHistory}>
   <Route path='/' component={App}>
    <IndexRoute  component={Home} />
    <Route path='blog' component={Blog} />
    <Route path='about' component={About} />
   </Route>
  </Router>,
  document.getElementById('root')
  );
  

• Router - это компонент, который обеспечивает синхронизацию пользовательской истории с библиотекой состояний (например с Redux).

• Route - Самый важный компонент, его основная задача отрисовывать component, если url в браузере совпадает с его path.
• IndexRoute -