Conductor is a simple, yet powerful JavaScript router for single-page applications.

Documentation

Installation

npm i @virtuous/react-conductor -S

Features

• Promise based routing API
• Event API
• Route based state
• Route transitions (coming soon)
• React integration
  • Declarative
  • Hooks
  • Contexts
• Redux integration

Basic usage

import React from 'react';
import { Router, Route } from '@virtuous/react-conductor';
import { Homepage, Browse, Login, Profile } from './routes';

function MyApp() {
  return (
    <Router>
     <Menu />
     <Route pattern="/" component={Homepage} />
     <Route pattern="/browse" component={Browse} />
     <Route pattern="/login" component={Login} />
     <Route pattern="/profile/:userId" component={Profile} />
   </Router>
  );
}

export default MyApp;

Examples (with ReactJS)

• Simple application with routes
• Using React hooks
• Usage with Redux
• Spring-based route transitions

Packages

Package	Description
@virtuous/conductor	The core of Conductor
@virtuous/react-conductor	Bindings for React
@virtuous/redux-conductor	Bindings for Redux

About

This project is maintained by @richardgorman and @devbucket. We welcome any feedback or suggestions.