react-complete-router

Tired of having to implement things that should come natively? Are you the one they said that the thing you wanted is unnecessary because nobody does it? So this router is for you! I'm tired of people saying that I should implement work arounds in things that should support them, so I decided to make a router that can be fully customizable to your needs, meed RCR!

Install

npm install --save react-complete-router

Usage

import * as React			from 'react';

import { Router, Route } 	from 'react-complete-router';

export default function App () {
    return (
	  <Router>
	  	<Route to={<h1>Home</h1>} path="/">
	  	<Route to={<h1>About</h1>} path="/about">
	  </Router>
    );
}

Guards

Guards are what make this package unique, enabling to customize even our path algorythm, you may add and extend any behaviour inside of the router. We already come with some useful guards for you:

• when : check a simple validation inside of the route to see if it can be rendered
• path : our path check is a guard, so you can toggle with yours in case of need
• guest : check if the router is auth logged and prevent render if so
• logged : check if the router is auth logged and prevent to render if not so

Guards are separated in two categories: priority and non-priority. Priority are guards called inside of the guard prop, if they are not found inside of the router, the router will fail. Non-priority are the route props (with a few exceptions such as to and guard, that are reserved keywords) and won't cause any trouble if not found.

Experimental branch

If you want to keep up with the latest experiments and resources, you can check out this repository:

npm i git+https://github.com/darklight9811/react-latest-router.git

License

BSD-3 © aposoftworks