react-router-ext v0.0.1

react-router-ext.

An Extended react-router-dom with simple usage

API

Table of Contents

• Usage
  • Parameters
  • Properties
  • Examples
• Route
  • Properties
• Credits

Usage

An Example usage react-router-ext.

Parameters

• props Object

Properties

• routes Array<Route>
• children ReactElement

Examples

const routeList = [
 // Basic 
 {
   path: '/',
   component: Home,
   exact: true,
 },
 
 // With Wrapper Component
 {
   path: '/',
   component: Home,
   exact: true,
   wrapper: AuthComponent,
 },

// With Routes
 {
   path: '/',
   component: Home,
   exact: true,
   wrapper: AuthComponent,
   routes: [
     {
       path: '/article',
       component: Article,
       exact: true,
       routes: [
         {
           path: '/categories',
           component: Category,
           exact: true,
         },
       ]
     },
   ]
 }

]

// Render
ReactDOM.render(<MainRoute routes={routeList}/>, node)

Returns ReactElement

Route

Type: Object

Properties

• path String Path-sting
• exact Boolean Exact-bool
• component Object Component
• wrapper Function A Wrapper function for component
• routes Array<Route> Route

Credits

• See: reactjs for use this Project.
• See: react-router-dom The main idea & goals.
• See: Microbundle 🔨 for bundle this Project.