react-lighthouse

Simple React routing function

Usage no npm install needed!

<script type="module">
  import reactLighthouse from 'https://cdn.skypack.dev/react-lighthouse';
</script>

README

React Lighthouse

Simple React Router

Usage Example

import React from 'react';
import ReactDOM from 'react-dom';
import {Router, RoutableMixin} from 'react-lighthouse';
import ShowPage from './components/ShowPage';
import ListPage from './components/ListPage';

const routes = {
    'show/:id': ShowPage,
    'list': ListPage,
    '*': ListPage
}

const App = React.createClass({
    mixins: [
        RoutableMixin
    ],

    render: function () {
        return (
            <div>
                {Router(routes, this.state.route, this.state)}
            </div>
        );
    }
});

ReactDOM.render(<App />, document.getElementById('app'));