Files
Devour/devour_data/docs/use-is-routing.json
T
Tomas Dvorak 898a3c303f update
2026-02-24 10:33:59 +01:00

17 lines
1.9 KiB
JSON

{
"id": "f6605e22fc282900916bb4df",
"source": "solid:signals",
"type": "github-document",
"title": "use-is-routing",
"content": "---\ntitle: useIsRouting\nuse_cases: \u003e-\n loading states, transition indicators, pending ui, stale content, concurrent\n rendering feedback\ntags:\n - loading\n - transition\n - pending\n - state\n - ui\nversion: \"1.0\"\ndescription: \u003e-\n Track route transitions with useIsRouting - display loading states, pending\n UI, and transition feedback during navigation in SolidJS.\n---\n\nThe `useIsRouting` function is a utility for detecting when the router is processing a route transition.\n\n## Import\n\n```ts\nimport { useIsRouting } from \"@solidjs/router\";\n```\n\n## Type\n\n```ts\nconst useIsRouting: () =\u003e () =\u003e boolean;\n```\n\n## Parameters\n\nNone.\n\n## Return value\n\n**Type:** `() =\u003e boolean`\n\nAn accessor function that returns `true` during route transitions and `false` otherwise.\n\n## Examples\n\n### Route transition indicator\n\n```tsx\nimport { useIsRouting } from \"@solidjs/router\";\n\nfunction App() {\n\tconst isRouting = useIsRouting();\n\n\treturn (\n\t\t\u003c\u003e\n\t\t\t{isRouting() \u0026\u0026 \u003cdiv class=\"loading-bar\" /\u003e}\n\t\t\t\u003cMyContent /\u003e\n\t\t\u003c/\u003e\n\t);\n}\n```\n\n## Related\n\n- [`\u003cRouter\u003e`](/solid-router/reference/components/router)\n- [`useNavigate`](/solid-router/reference/primitives/use-navigate)",
"url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/solid-router/reference/primitives/use-is-routing.mdx",
"metadata": {
"path": "src/routes/solid-router/reference/primitives/use-is-routing.mdx",
"repo": "solidjs/solid-docs",
"repo_url": "https://github.com/solidjs/solid-docs.git",
"size": 1155,
"source_type": "github"
},
"hash": "9b817de2260c4d296f5a2ea5e400827926522bf3caa1a4112576d3897e934bfe",
"timestamp": "2026-02-23T11:43:00.193028314+01:00"
}