After implementing basic routing using navi and react-navi, we are now going to implement more advanced use cases using routing Hooks, which are provided by react-navi. Routing Hooks can be used to make routing more dynamic. For example, by allowing navigation to different routes from other Hooks. Furthermore, we can use Hooks to access all route-related information within a component.
First, we will have a look at three of the Hooks that are provided by the Navi library:
- The useNavigation Hook
- The useCurrentRoute Hook
- The useLoadingRoute Hook