use-router

Hooks to work with routes in the browser

Hook to handle routes based on expressions according to the https://github.com/uppercod/exp-route library, this hook is used by @atomico/components/router****

Module

import { 
    useRouter, 
    useRoute, 
    useRouteMatch, 
    useRedirect, 
    redirect, 
    getPath 
} from "@atomico/hooks/use-router";

useRouter syntax

const [ view, path, params, search ] = useRouter({
    "/":()=><h1>home</h1>,
    "user/{id}":({ id })=><my-user id={id}/>,
})

Where:

1. view: return of the last function executed according to the route match.
2. path: string, represents the prop of the last path that consists of the path match.
3. params: parameters captured according to the path
4. search: parameters captured from the path

useRoute syntax

const [ view, path, params, search ] = useRoute("/",()=><h1>home</h1>);

Share the return from useRouter

useRouteMatch syntax

const match = useRouteMatch();

const isHome = match("/home");