How do you change routes...

[bingomanatee]

without reloading the page? there are tricks like transitionTo and history in react-router; do these work with react-routing as well?

Dave

[subodh-malgonde]

If you are using the react-starter-kit, then there is a Location module. Use

Location.pushState(null, '/to/path')

[subodh-malgonde]

@koistya is this the right way?

[koistya]

Check the new history API documentation. As an example, in React Starter Kit there is Location class which is just a singleton instance of history module. You can use it to transition between screens/pages on the client like so.

import React from 'react';
import Location from '../core/Location';

function navigateToPath(event) {
  event.preventDefault();
  Location.push('/to/path');
}

function navigateToPathWithState(event) {
  event.preventDefault();
  Location.push({ pathname: '/to/path', state: { foo: 123 } });
}

// Stateless functional React component
function MyComponent() {
  return (
    <div>
      <button onClick={navigateToPath}>Click me (1)</button>
      <button onClick={navigateToPathWithState}>Click me (2)</button>
    </div>
  );
}

export default MyComponent;

And inside the client-side bootstrap code (src/app.js), there is a listener which catches such redirects and makes sure that transition occurs without full-page refresh (see Location.listen(...) in src/app.js).

Summary

react-routing is responsible only for routing (both client-side and server-side) and history module is responsible for navigation (client-side).

[alexgvozden]

what happened to Location and what is the replacement?

EDIT: now it's easy to use history from history.js in kit or just reference createBrowserHistory();

history.push("/login")