solid-router-0-16-0

name	solid-router-0-16-0
description	The universal router for SolidJS providing fine-grained reactivity for route navigation with support for history-based, hash-based, static (SSR), and memory-based routing modes. Use when building single-page applications in SolidJS that require client-side routing, nested routes, data loading APIs, form actions, or universal rendering across server and client environments.
license	MIT
author	Tangled <[e-mail]>
version	0.1.0
tags	["solidjs","router","spa","routing","ssg","ssr"]
category	framework
external_references	["https://docs.solidjs.com/solid-router/","https://github.com/solidjs/solid-router"]

Solid Router 0.16

Overview

Solid Router (@solidjs/router) brings fine-grained reactivity to route navigation, enabling single-page applications to become multi-paged without full page reloads. It is fully integrated into the SolidJS ecosystem with declarative syntax, universal rendering, and parallel data fetching through preload functions and a query caching API.

Key features:

• All routing modes — History-based (Router), hash-based (HashRouter), static for SSR (StaticRouter), and memory-based for testing (MemoryRouter)
• TypeScript-first — Full type safety for route parameters, match filters, and data APIs
• Universal rendering — Seamless server-side and client-side rendering with the same router
• Declarative routes — Define routes as JSX components or plain objects
• Preload functions — Parallel data fetching following render-as-you-fetch pattern
• Dynamic route parameters — URL patterns with parameters, optional segments, and wildcards
• Data APIs with caching — query, createAsync, action with deduplication and revalidation
• Form actions — Server-like mutation actions with redirect, reload, and json response helpers

When to Use

• Building a SolidJS single-page application that needs client-side routing
• Setting up nested routes with shared layouts using props.children
• Implementing data fetching alongside route transitions with preload functions
• Building SSR applications that need the same router on server and client
• Creating form-based mutations with automatic revalidation
• Migrating from Solid Router 0.9.x (where <Outlet>, <Routes>, and useRouteData were removed)
• Needing hash-based or memory-based routing for special deployment or testing scenarios

Installation / Setup

Install the package and wrap your application root with a Router component:

import { render } from "solid-js/web";
 { ,  }  ;

   ;
   ;

(
   (
    
  ),
  .()
);