---
title: "useState"
description: "useState is an SSR-friendly ref replacement."
toc: false
---

Its value will be preserved after server-side rendering and shared across all components using a unique key.

::alert{type=info icon=👉}
Learn more about [useState](/api/composables/use-state).
::

::ReadMore{link="/api/composables/use-state"}
::

::ReadMore{link="/getting-started/state-management"}
::

::sandbox{repo="nuxt/framework" branch="main" dir="examples/composables/use-state" file="app.vue"}
::