peppermint-router

peppermint-router

Lightweight hash router for React

The gist

<RouterView>
    <Route path="/" component={HomePage} />
    <Route path="home" component={HomePage} />
    <Route path="about" component={AboutPage} />
    <RouteFallback component={NotFound} />
</RouterView>

Prompt navigation

<PromptNavigation
    enabled={true}
    exitPrompt="Leave the application?"
>
    {({ isNavigating, confirm, cancel }) => (
        isNavigating && (
            <div>
                <span>Move to another page?</span>
                <button onClick={confirm}>Confirm</button>
                <button onClick={cancel}>Cancel</button>
            </div>
        )
    )}
</PromptNavigation>

Why?

• Extremely compact - less than 2kb gzipped!
• Does not require special <Link> tags and other boilerplate.
• <PromptNavigation> component with custom prompt out of the box.

Why not?

• Only hash routes
• No SSR support
• No React Native support

Changelog

The change log can be found here.

Changelog

0.1.1 - 2024-08-07

Changed

• Minor readme updates.