React router, client side rendering (only)

Question

I'm using react router to navigate through my application, but I don't want react router to make a call to the server, is that possible?

Yes react-router does not interface with any server.. nothing in the react stack does it's all client side — azium
– azium, Commented Mar 29, 2016 at 18:45
How are you transitioning routes? If you set location.href directly, you will hit the server, but if you use browserHistory.push(), it will not. That said, if you hit a route directly (i.e. type the address and hit enter). It will hit your server. in that case, you need your server to serve up index.html. See github.com/reactjs/react-router/blob/master/docs/guides/… — lux
– lux, Commented Mar 29, 2016 at 21:07

user1031721 · Accepted Answer · 2016-03-29 23:15:12Z

1

You should use Hash history.

import { Router, Route }  from 'react-router'
import createHashHistory  from 'history/lib/createHashHistory'

<Router history={ createHashHistory({ queryKey: false }) }>
  <Route path="/" component={App} />
</Router>

If you don't want to use the hash history (which appends a # to the url), use the Link Component which will correctly navigate the App based on the history type passed.

answered Mar 29, 2016 at 23:15

user1031721

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React router, client side rendering (only)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related