Mini-State Demo
A lightweight, signals-based state management library for Angular applications
Mini-State provides a simple, flexible API for managing state in a decalartive way in Angular applications. It handles loading states, error messages, success notifications, and simplifies working with asynchronous operations while leveraging Angular's signals for reactivity.
Examples
Explore these examples to see how Mini-State simplifies state management in Angular applications.
Basic usage of MiniState for data fetching with automatic loading state and error handling
Using MiniState with observable router parameters and form integration for detail pages
Full CRUD operations with MiniCrudState for efficient collection management
Build your own Custom functionality by combining multiple MiniState instances
Use MiniState for search functionality with loading and error handling
Why Mini-State?
Mini-State provides a streamlined approach to handling async operations and state management.
Reduced Boilerplate
Eliminate repetitive code for handling loading states, errors, and success messages
Signals
Leverages Angular's signals for efficient, fine-grained reactivity
Lightweight
Minimal footprint with no external dependencies
Flexible API
Multiple ways to create and combine state objects for different use cases
TypeScript First
Built with TypeScript for excellent type safety and developer experience
Composable
Combine multiple state objects for combined scenarios with minimal effort
Quick Start
Get started with Mini-State in your Angular application:
Then create your first state object: