Setting up React Router

Routing is essential to most web applications. You cannot cover all of the features of your application in just one page. It would be overloaded, and your user would find it difficult to understand. Sharing links to pictures, profiles, or posts is also very important for a social network such as Graphbook. One advantageous feature, for example, is being able to send links to specific profiles. This requires each profile to have its own Uniform Resource Locator (URL) and page. Otherwise, it will not be possible to share a direct link to a single item of your application. It is also crucial to split the content into different pages, due to search engine optimization (SEO).

At the moment, we render our complete application to HyperText Markup Language (HTML) in the browser, based on the authentication status. Only the server implements a simple routing functionality. Carrying out client-side routing can save a lot of work and time for the user if the router...