mirror of
https://github.com/Dvorinka/Devour.git
synced 2026-06-04 04:23:02 +00:00
update
This commit is contained in:
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"id": "fe5dfbdda773b21593962fff",
|
||||
"source": "solid:signals",
|
||||
"type": "github-document",
|
||||
"title": "create-unique-id",
|
||||
"content": "---\ntitle: createUniqueId\nuse_cases: \u003e-\n form elements, accessibility, aria labels, ssr compatibility, html id\n generation, unique identifiers\ntags:\n - ids\n - accessibility\n - ssr\n - forms\n - utilities\nversion: \"1.0\"\ndescription: \u003e-\n Generate unique IDs that are stable across server and client with\n createUniqueId. Essential for accessible forms and SSR-compatible components.\n---\n\nThe `createUniqueId` function generates a unique ID that remains consistent across both server and client renders.\nIt is commonly used with HTML `id` and `for` attributes to ensure stable hydration.\n\n`createUniqueId` does *not* generate a cryptographically secure ID and is not suitable for security-sensitive data.\nAdditionally, it should not be used in scenarios that require uniqueness across a distributed system.\n\n:::note\n`createUniqueId` relies on a counter-based mechanism to generate IDs.\nIt must be called the same number of times on both the server and client.\n\nCalling `createUniqueId` only on the server or only on the client, such as when using [`isServer`](/reference/rendering/is-server) or [`\u003cNoHydration\u003e`](/reference/components/no-hydration), may lead to hydration errors.\n:::\n\n## Import\n\n```ts\nimport { createUniqueId } from \"solid-js\";\n```\n\n## Type\n\n```ts\nfunction createUniqueId(): string;\n```\n\n## Parameters\n\nThis function does not take any parameters.\n\n## Returns\n\n`createUniqueId` returns a unique `string` that is stable across server and client renders.\n\n## Examples\n\n### Basic Usage\n\n```tsx\nimport { createUniqueId } from \"solid-js\";\n\ntype InputProps = {\n\tid?: string;\n};\n\nfunction Input(props: InputProps) {\n\treturn \u003cinput id={props.id ?? createUniqueId()} /\u003e;\n}\n```",
|
||||
"url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/reference/component-apis/create-unique-id.mdx",
|
||||
"metadata": {
|
||||
"path": "src/routes/reference/component-apis/create-unique-id.mdx",
|
||||
"repo": "solidjs/solid-docs",
|
||||
"repo_url": "https://github.com/solidjs/solid-docs.git",
|
||||
"size": 1688,
|
||||
"source_type": "github"
|
||||
},
|
||||
"hash": "8e506e58c8fb3692c8e326747f80c35974ed106c9a6306a6926387b728a63a86",
|
||||
"timestamp": "2026-02-23T11:43:00.188682798+01:00"
|
||||
}
|
||||
Reference in New Issue
Block a user