> For the complete documentation index, see [llms.txt](https://docs-jumbo-react.g-axon.work/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-jumbo-react.g-axon.work/settings/defining-new-route.md).

# Defining New Route

Defining a new route in Jumbo React is super easy. All you need to visit the following file :-

`src/app/routes/index.js`

This file contains the list of all the routes and their  corresponding components. In order to define a new route, simply add the following piece of code at the position where you want your route to show up in the list of routes.

```
<Route path={`${match.url}/NewRoutePath`} component={YourComponent}/>
```

In the above line of code, "NewRoutePath" should be replaced with the route path and "YourComponent" should be replaced with the component name that you want to render.
