Routing in React App
Posted By : Chandan Lunthi | 23-Oct-2017
Reactjs always a great library of the javascript to build performance optimized application.
Bigger application bets on react js for the
Here is an example of the How to do routing on the react app.
- You first need to install 'react-router' library by
cli - Import Router, Route, Link,
browserHistory , IndexRoute from the same package - Define routing and stateful component inside render method E.G.
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './components/App/App';
import Login from './components/App/login/login';
import { Router, Route, Link, browserHistory, IndexRoute } from 'react-router';
import registerServiceWorker from './registerServiceWorker';
ReactDOM.render((
<Router history={browserHistory}>
<Route path="/" component={App}/>
<Route path="/login" component={Login}/>
<Route path="*" component={App} /> </Router> ),
document.getElementById('root')); registerServiceWorker();
Cookies are important to the proper functioning of a site. To improve your experience, we use cookies to remember log-in details and provide secure log-in, collect statistics to optimize site functionality, and deliver content tailored to your interests. Click Agree and Proceed to accept cookies and go directly to the site or click on View Cookie Settings to see detailed descriptions of the types of cookies and choose whether to accept certain cookies while on the site.
About Author
Chandan Lunthi
Chandan is the self-motivated person and has expertise in technologies. Chandan likes to sign and MMA fighter.