The official React bindings for Zedux. This is a standalone package, meaning it's the only package you need to install in a React app. It includes the Zedux store and atomic packages as well as all of Zedux's React components and hooks.
If you're new to Zedux, you're probably looking for the quick start.
npm install @zedux/react # npm
yarn add @zedux/react # yarn
pnpm add @zedux/react # pnpmThis package has a direct dependency on the @zedux/atoms package, which in turn has a direct dependency on the @zedux/core package. If you install any of those directly, ensure their versions exactly match your @zedux/react version to prevent installing duplicate packages.
See the top-level README for a general overview of Zedux.
See the Zedux documentation for comprehensive usage details.
Basic example:
import { atom, useAtomState } from '@zedux/react'
const greetingAtom = atom('greeting', 'Hello, World!')
function Greeting() {
const [greeting, setGreeting] = useAtomState(greetingAtom)
return (
<div>
<div>{greeting}</div>
<input
onChange={event => setGreeting(event.target.value)}
value={greeting}
/>
</div>
)
}This package includes and re-exports everything from the following packages:
On top of these, @zedux/react exports the following APIs:
The Zedux documentation assumes you are using this package. Plugin and integration authors may want to depend directly on @zedux/core or @zedux/atoms. However, if your package uses any of these React-specific APIs, it is recommended to only import this @zedux/react package.
See the top-level README for all the technical stuff.