Introduction

Introduction

A global state manager for React.

Features

  • Simple API
  • Mutable State Updates
  • No Context Providers
  • Auto Shallow Diff Computed Props
  • TypeScript Support

Installation

pnpm add @opentf/react-state

Usage

import { create } from '@opentf/react-state';
 
const { useAppState, setAppState, api } = create({ count: 0 });
 
api.subscribe(console.log);
 
export default function App() {
  const count = useAppState((s) => s.count);
 
  return (
    <>
      <p>Count: {count}</p>
      <button onClick={() => setAppState((s) => { s.count++ })}>
        Increment
      </button>
    </>
  );
}

Demo

Related

Creating a Store