Vegetarian friendly state for React

[![npm](https://img.shields.io/npm/v/easy-peasy.svg?style=flat-square)](http://npm.im/easy-peasy) [![MIT License](https://img.shields.io/npm/l/easy-peasy.svg?style=flat-square)](http://opensource.org/licenses/MIT) [![Codecov](https://img.shields.io/codecov/c/github/ctrlplusb/easy-peasy.svg?style=flat-square)](https://codecov.io/github/ctrlplusb/easy-peasy)

Easy Peasy is an abstraction of Redux, providing a reimagined API that focuses on developer experience. It allows you to quickly and easily manage your state, whilst leveraging the strong architectural guarantees and extensive eco-system that Redux has to offer.

Zero configuration
No boilerplate
React hooks based API
Extensive TypeScript support
Encapsulate data fetching
Computed properties
Reactive actions
Redux middleware support
State persistence
Redux Dev Tools
Global, context, or local stores
Built-in testing utils
React Native supported
Hot reloading supported

All of this comes via a single dependency install. ``` npm install easy-peasy ```

## Fly like an eagle 🦅 **Create your store** ```javascript const store = createStore({ todos: ['Create store', 'Wrap application', 'Use store'], addTodo: action((state, payload) => { state.todos.push(payload); }), }); ``` **Wrap your application** ```javascript function App() { return ( ); } ``` **Use the store** ```javascript function TodoList() { const todos = useStoreState((state) => state.todos); const addTodo = useStoreActions((actions) => actions.addTodo); return (

{todos.map((todo, idx) => (

{todo}

))}

); } ```

## Examples 📚 See the [example folder](./examples) for more examples of how to use `easy-peasy`.

## Core Team 🛠

_{Peter Weinberg}

_{Jørn A. Myrland}

_{Sean Matheson}

## Our Sponsors ❤️ We have only but great appreciation to those who support this project. If you have the ability to help contribute towards the continued maintenance and evolution of this library then please consider [[becoming a sponsor](https://opencollective.com/easy-peasy#backer)].

## Documentation See the [official website](https://easy-peasy.dev) for tutorials, docs, recipes, and more.

## OS Awards Nominee Easy Peasy was nominated under the "Productivity Booster" category.

	Stars	Issues	Version	Updated	Created
easy-peasy	5,025	12	6.0.4	7 months ago	6 years ago
mobx			6.12.3	2 months ago	8 years ago
mobx-state-tree	6,879	93	6.0.0	12 days ago	8 years ago
overmind-react	1,571	36	29.0.5	8 months ago	6 years ago
react-easy-state	2,560	199	6.1.3	5 years ago	7 years ago

easy-peasy vs mobx vs mobx-state-tree vs overmind-react vs react-easy-state

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past