vislyhq / Visly State
Licence: mit
React state for real-time apps
Stars: ✭ 106
Programming Languages
javascript
184084 projects - #8 most used programming language
typescript
32286 projects
Projects that are alternatives of or similar to Visly State
Stapp
Modular state and side-effects management for microfrontends
Stars: ✭ 88 (-16.98%)
Mutual labels: state-management
Homebase React
The React state management library for write-heavy applications
Stars: ✭ 101 (-4.72%)
Mutual labels: state-management
Radon
Object oriented state management solution for front-end development.
Stars: ✭ 80 (-24.53%)
Mutual labels: state-management
Freezer
A tree data structure that emits events on updates, even if the modification is triggered by one of the leaves, making it easier to think in a reactive way.
Stars: ✭ 1,268 (+1096.23%)
Mutual labels: state-management
Sigi
Well designed effect management framework for complex frontend app
Stars: ✭ 95 (-10.38%)
Mutual labels: state-management
Flutter Boilerplate Project
A boilerplate project created in flutter using MobX and Provider.
Stars: ✭ 1,194 (+1026.42%)
Mutual labels: state-management
Vuex Pathify
Vue / Vuex plugin providing a unified path syntax to Vuex stores
Stars: ✭ 1,281 (+1108.49%)
Mutual labels: state-management
Momentum
MVC pattern for flutter. Works as state management, dependency injection and service locator.
Stars: ✭ 99 (-6.6%)
Mutual labels: state-management
Compare React State Management
React createContext vs Apollo vs MobX vs Redux in a simple todo app.
Stars: ✭ 81 (-23.58%)
Mutual labels: state-management
Behavior Tree
🌲 Manage React state with Behavior Trees
Stars: ✭ 85 (-19.81%)
Mutual labels: state-management
Redux Reset
Give redux the ability to reset the state
Stars: ✭ 95 (-10.38%)
Mutual labels: state-management
Mvvm
A Flutter MVVM (Model-View-ViewModel) implementation. It uses property-based data binding to establish a connection between the ViewModel and the View, and drives the View changes through the ViewModel.
Stars: ✭ 80 (-24.53%)
Mutual labels: state-management
Juicr.js
A simple (and tiny <1kb) redux inspired reducer for handling state changes.
Stars: ✭ 102 (-3.77%)
Mutual labels: state-management
Reactstatemuseum
A whirlwind tour of React state management systems by example
Stars: ✭ 1,294 (+1120.75%)
Mutual labels: state-management
Faste
Component based 📦 Finite State Machine Manager 🤖
Stars: ✭ 105 (-0.94%)
Mutual labels: state-management
River pod
A simple way to access state while robust and testable.
Stars: ✭ 1,366 (+1188.68%)
Mutual labels: state-management
Use Substate
🍙 Lightweight (<600B minified + gzipped) React Hook to subscribe to a subset of your single app state.
Stars: ✭ 97 (-8.49%)
Mutual labels: state-management
Visly State ·
React state for real-time apps.
Installation
Visly State works with React & Node.js, whether you use JavaScript or TypeScript.
Install it using npm:
npm install @visly/state
or yarn:
yarn add @visly/state
Creating your first state
This example shows how we can store global application state, read & display it in our UI, and finally how to update the state. The component will automatically re-render when the count changes as it is subscribed to it by calling useValue
.
import { state, useValue, useMutation } from '@visly/state'
const appState = state({ count: 0 })
function Component() {
const count = useValue(appState, s => s.count)
const increment = useMutation(appState, s => s.count++)
return (
<div>
<span>{count}</span>
<button onClick={increment}>increment</button>
</div>
)
}
For more detailed usage see the documentation.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].