Menu
Solid Router alternative routers: HashRouter for hash-based URLs, MemoryRouter for testing and in-memory navigation.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
SolidJS advanced components: SuspenseList for coordinating multiple Suspense boundaries, NoHydration for skipping hydration of static content.
SolidJS advanced utilities: createRoot for manual disposal, createUniqueId for SSR-safe IDs, useTransition for batching async updates, observable for RxJS interop, modifyMutable for batch updates.
SolidJS control flow: Show for conditionals, Switch/Match for multiple conditions, For/Index for lists, Dynamic for dynamic components, Suspense for async data.
SolidJS advanced JSX attributes: @once for static values, attr:*/bool:*/prop:* for Web Components, textContent for text nodes, innerHTML for raw HTML.
SolidJS lifecycle: onMount for DOM access after mount, onCleanup for resource disposal, effect lifecycle management, component vs effect cleanup.
Core SolidJS primitives: signals use getter functions count(), components run once (no re-renders), effects track automatically, stores use direct property access, memos for computed values. Fine-grained reactivity means targeted DOM updates.
| name | solid-router-alternative |
| description | Solid Router alternative routers: HashRouter for hash-based URLs, MemoryRouter for testing and in-memory navigation. |
| metadata | {"globs":["**/*router*"]} |
Uses hash portion of URL for routing. Client-side only routing (hash not handled by server).
import { HashRouter, Route } from "@solidjs/router";
<HashRouter root={App}>
<Route path="/" component={Home} />
<Route path="/about" component={About} />
</HashRouter>
Use cases:
URL format: https://example.com/#/about
Keeps router history in memory. Doesn't interact with browser URL. Useful for testing.
import { MemoryRouter, Route } from "@solidjs/router";
<MemoryRouter root={App}>
<Route path="/" component={Home} />
<Route path="/about" component={About} />
</MemoryRouter>
Use cases:
Note: URL in address bar won't change, but router state changes.
HashRouter for legacy compatibility or client-only appsMemoryRouter for testing router behaviorRouter is preferred for most applications (uses pathname)