Anchor Docs

Appearance

AnchorState Management For Humans, Built For Enterprise Apps

Fine-Grained Reactivity with True Immutability for Modern Web Applications

Get Started
View on GitHub
Unit Tests
⚡

Blazingly Fast

Fine-grained reactivity ensures only affected components re-render, eliminating wasted renders.

🔒

True Immutability

Direct mutation syntax with proxy-based write contracts for safety without performance penalties.

🧠

Developer Experience

Intuitive APIs with strong typing, eliminating prop drilling and context hell.

📦

Framework Agnostic

First-class support for React, Vue, Svelte, and vanilla JavaScript/TypeScript.

🔧

Built-in Features

Includes optimistic UI, history tracking, reactive storage, and reactive requests out of the box.

🛡️

Data Integrity

Schema validation with Zod and TypeScript ensures your state always conforms to expectations.

export default function App(): JSX.Element {
  return <h1>Hello world</h1>
}
Open on CodeSandboxOpen Sandbox

Enterprise-Grade State Management for Modern Web Applications ​

Anchor is a revolutionary state management framework designed for developers who demand both performance and developer experience. Built on the DSV (Data-State-View) model, Anchor eliminates the complexity of traditional state management while delivering unmatched performance.

Why Choose Anchor? ​

  • Fine-Grained Reactivity: Only components that depend on changed state re-render
  • True Immutability: Direct mutation syntax without deep cloning overhead
  • Zero Configuration: Works out of the box with optional advanced configuration
  • Framework Integration: Native support for React, Vue, Svelte, and vanilla JS
  • Built-in Toolkit: Optimistic UI, history tracking, reactive storage, and more
  • TypeScript First: Comprehensive type definitions for enhanced developer experience

Performance Benchmarks ​

In benchmark tests, Anchor outperforms traditional state management solutions by significant margins, especially as applications scale in complexity. The fine-grained reactivity model ensures consistent performance regardless of state tree size.

Getting Started ​

  1. Install Anchor in your project
  2. Follow the Getting Started Guide to create your first reactive state
  3. Explore Reactivity and Immutability concepts
  4. Learn about Data Integrity with schema validation
  5. Check framework-specific guides for React, Vue, or Svelte

Architecture Overview ​

Anchor's revolutionary DSV (Data-State-View) model replaces scattered data flows with a single, stable, immutable State that acts as the source of truth for your entire application:

  1. Data: External data sources (APIs, databases, user input)
  2. State: Central immutable state managed by Anchor
  3. View: Components that observe and render state

This architecture eliminates prop drilling, context hell, and state synchronization issues while providing predictable, scalable state management.