https://github.com/suhdev/stickyants-react-router

A basic react-router alternative using react hooks.
https://github.com/suhdev/stickyants-react-router

Last synced: about 1 year ago
JSON representation

A basic react-router alternative using react hooks.

• Host: GitHub
• URL: https://github.com/suhdev/stickyants-react-router
• Owner: suhdev
• Created: 2019-02-16T02:25:29.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-01-04T03:00:30.000Z (over 3 years ago)
• Last Synced: 2025-02-08T20:13:44.752Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 1.07 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# stickyants-react-router

A simple `react-router` alternative. The package implements basic routing functionality using react hooks. 

## Usage

```typescript

import * as React from 'react'; 

import * as ReactDOM from 'react-dom';

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

import * as React from 'react';

import * as ReactDOM from 'react-dom';

const history = createHashHistory();

function TestComponent(props) {

  return (


    

      
Home

    

    

      


        
Page 1

        

          
Page 1 - Sub Page

        

      

    

  
);

}


let el = document.getElementById('SomeElement');

if (!el) {

  el = document.createElement('div');

  el.id = 'SomeElement';

  document.querySelector('body').appendChild(el);

}

ReactDOM.render(

  

      
TMX

      
TMZ

        

          
NESTED ROUTE

        


        

          
SAME NESTED ROUTE

        

        


          

            
ANOTHER NESTED ROUTE

          

          

            
STRING NESTED ROUTE

          

          

            
ELEMENT NESTED ROUTE

          

        

      

      
XYZ

      


        
INCORRECT

      

    ,

  el);


```