https://github.com/avraammavridis/react-mini-router-hook

Mini Router for React, change route using hook
https://github.com/avraammavridis/react-mini-router-hook

Last synced: 6 months ago
JSON representation

Mini Router for React, change route using hook

• Host: GitHub
• URL: https://github.com/avraammavridis/react-mini-router-hook
• Owner: AvraamMavridis
• Created: 2018-11-24T12:18:10.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-06-24T11:01:16.000Z (over 6 years ago)
• Last Synced: 2025-03-30T06:02:09.537Z (6 months ago)
• Language: JavaScript
• Size: 68.4 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# react-mini-router-hook



Mini Router for React based on Hooks and Context. 1.7k

### Declare your Routes

```js

import { Router, Route } from "react-mini-router-hook";

export default function App() {

  return (

  

    

    

  );

}

```

### Change route from a component

```js

import { RouterContext } from 'react-mini-router-hook';

export default function NavBar() {

  const { setPath } = React.useContext(RouterContext);

  return (

    


      
 setPath('/users/1')}>Menu Item 1

      
 setPath('/users/2')}>Menu Item 1

  
);

}

```


### Get current path

```js

import { RouterContext } from 'react-mini-router-hook';

export default function Helmet() {

  const { path } = React.useContext(RouterContext);

  return ({path});

}

```