Skip to content
Frontend Nav
中文 (Language)

Recommend a site

Leave a name and a URL — submitting opens the recommendation page on GitHub to finish.

Compose state from atoms with automatic dependency tracking - the cure for React context re-renders

Content updated · 2026-10-19

What is it · 它是什么

What is Jotai?

Jotai is a React state management library by Poimandres: state is broken into minimal atoms that compose like building blocks, with dependency tracking handled automatically - only components actually using an atom re-render, curing the whole-tree re-render plague of React context. Derived state, localStorage persistence and extensions for Immer, XState and Query round out the ecosystem, covering everything from a simple useState replacement to enterprise TypeScript apps. MIT licensed.

How to use · 怎么用

How to use Jotai

  1. Migrate from useState gently: one atom is one minimal state unit.
  2. Compose atoms into derived state; rendering optimizes itself.
  3. Add persistence, Immer, XState or other extensions as needed.

Key features · 核心特点

Key features of Jotai

  • Atomic state, freely composable
  • Automatic dependency tracking, precise renders
  • Rich extensions (persistence, Immer, XState)
  • By Poimandres, MIT licensed

Related sites

12 free 3D tools in one page - image-to-3D, normal maps, remesh, reduce; file tools stay local

The framework for content-driven sites — zero JS by default, React/Vue islands where needed

The world's most popular front-end framework - v6 brings CSS-first theming and AI-assistant docs