A dead simple routing solution for browser extensions using React
npm install react-chrome-extension-router> A dead simple routing solution for browser extensions
 
``bash`
npm install --save react-chrome-extension-router
`jsx
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import {
goBack,
goTo,
popToTop,
Link,
Router,
getCurrent,
getComponentStack,
} from 'react-chrome-extension-router';
const Three = ({ message }: any) => (
Click me to pop to the top
const Two = ({ message }: any) => (
{message}
const One = () => {
return (
This is component One. Click me to route to component Two
);
};
const App = () => {
useEffect(() => {
const { component, props } = getCurrent();
console.log(
component
? There is a component on the stack! ${component} with ${props}The current stack is empty so Router's direct children will be rendered
: The stack has ${components.length} components on the stack
);
const components = getComponentStack();
console.log();
});
return (
);
};
ReactDOM.render(
``

MIT © kelsonpw