Routing in React Js

This lesson covers the two main components of the react-router:

1. Routes
2. Route

What is routing in react?

In complex web applications, dividing different components and pages for different routes/URLs increases performance. Through routing, we can render different components on different URLs. For example:

https://twitter.com/code_bucks

• This URL will only load the profile component.

https://twitter.com/code_bucks/media

• This URL will only load the tweets with the media files.

The react-router provides two different interfaces, Route and Routes, to implement and declare our routes. Let’s review them individually.