What is difference between react-router 4.0, react-router-dom and react-router-redux?

reactjs react-router react-router-dom
Gorakh Nath picture Gorakh Nath · Apr 3, 2017 · Viewed 14.4k times · Source

I am implementing routing in react-application. I am confused between the advantage of react-router 4.0 over react-router-redux. I am also confused by react-router-dom.

What are the advantages and disadvantages of react-router-redux, react-router 4.0 and react-router-dom over each other?

Answer

Andreyco picture Andreyco · Apr 3, 2017

react-router v4 is base, building block. Provides API for creating routing solution.

react-router-dom is wrapper around react-router. It is supposed to be run in browser.

react-router-redux offers so called "controlled router", bound to redux store. State changes (navigation) could be controlled by dispatching redux actions as well as by clicking on links.

Your best bet is to start with react-router-dom (which pulls in react-router for you by default).

Related questions

Detect Route Change with react-router

I have to implement some business logic depending on browsing history. What I want to do is something like this: reactRouter.onUrlChange(url => { this.history.push(url); }); Is there any way to receive a callback from react-router when the …

Read More
React : difference between <Route exact path="/" /> and <Route path="/" />

Can someone explain the difference between <Route exact path="/" component={Home} /> and <Route path="/" component={Home} /> I don't know the meaning of 'exact'

Read More
How to parse query string in react-router v4

In react-router v3 I could access it with props.location.query.foo (if the current location was ?foo=bar) In [email protected] props.location only has props.location.search with is a string like ?foo=bar&other=thing. Perhaps I …

Read More