Introduction
Welcome to Atomix — a minimal, reactive, and type-safe state management library for modern JavaScript and TypeScript applications.
Atomix was designed to provide predictable state updates, granular subscriptions, and a framework-agnostic core, making it easy to use in any UI layer — from React to vanilla JS.
Whether you're building a large application or a small tool, Atomix helps you manage state without the overhead of boilerplate or complex setups.
🔧 Why Atomix?
- Minimal API Surface – Simple, focused, and easy to learn. Start using it in minutes, master it in hours.
- Granular Reactivity – Subscribe to exactly what you need; no wasted renders.
- Framework-Agnostic Core – Integrates seamlessly with React, Vue, Svelte, or vanilla JavaScript.
- TypeScript First – Built with full type-safety and developer-friendly tooling from the ground up.
- Optimized Performance – Just 290 B for the core and 2.8 kB for React bindings (minified + brotli). Blazing-fast updates with no runtime dependencies.
🚀 What You'll Learn
This guide will walk you through:
- Installing Atomix
- Creating and using atoms
- Subscribing to changes
- Using it with React
- Testing your atoms
- Performance tips
Let's get started 👉 Installation