@getaround-eu/use-route-params

Get your params typed from the route

What's it?

useRouteParams is a hook which, used with react-router-dom v6, allows you to directly get the typed params from a provided route path.

Install

Supposing that you already have react-router-dom installed:

1yarn add @getaround-eu/use-route-params
2# or
3npm -i @getaround-eu/use-route-params

Usage

1import useRouteParams from "@getaround-eu/use-route-params"
2
3const MY_COMPONENT_PATH = "/here/:is/:a/route/toMyComponent"
4
5
6const MyComponent = () => {
7  const { a, is } = useRouteParams(MY_COMPONENT_PATH)
8
9  return (...)
10}
11
12// This way the route is always bound to the component
13MyComponent.routePath = MY_COMPONENT_PATH
14
15export default MyComponent
16

What is Getaround?

Getaround connects safe, convenient and affordable cars with people who need them to live and work. We aim to create the world's best carsharing marketplace that make sharing vehicles superior to owning them. Our community includes people who rely on our cars for on-demand mobility, and owners who share cars on our platform, including those who operate their own carsharing businesses.

Our vision is to make our cities and communities better places to live by:

• Empowering people with convenient access to the cars they need, whenever they need them.
• Improving mobility by relieving congestion and making public transit easier to use.
• Protecting our environment by reducing pollution and advancing sustainable energy.

As a reminder the biggest carbon emitter in most countries are the cars, and this is what we have an impact on at Getaround.

You can learn more about Getaround on our tech blog.