https://github.com/stagfoo/obake
👹 statement management with proxies and promise on glitch
https://github.com/stagfoo/obake
frontend promise proxy react state-management vue
Last synced: about 1 month ago
JSON representation
👹 statement management with proxies and promise on glitch
- Host: GitHub
- URL: https://github.com/stagfoo/obake
- Owner: stagfoo
- Created: 2018-12-20T08:28:55.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-11-01T07:56:52.000Z (9 months ago)
- Last Synced: 2025-05-15T20:26:52.272Z (2 months ago)
- Topics: frontend, promise, proxy, react, state-management, vue
- Language: TypeScript
- Homepage: https://obake.glitch.me/
- Size: 191 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
Awesome Lists containing this project
README
Statement management with proxies and promise...in a dead simple way
---
# Installation
```
npm install obake.js --save
```
# Why make this?
- I found objects in javascript and that have mutation listeners
- they allow for valuation |･д･)ﾉ
- promise based so no race conditions! ( ´ ▿ ` )
## Examples
```js
// the defaultState is the state you want to proxy
//store.ts
import { reducer } from 'obake.js';
export const defaultState = {
greeting: 'Spooky Ghost (ﾉ⊙﹏⊙)ﾉ',
}
export const reducers = {
updateGreeting: reducer((state, value: string) => {
state.greeting = value;
}),
}
//actions.ts
import { state } from './store';
export function handleGreetingClick() {
state._update('updateGreeting', "Calm Ghost ( ´ ▿ ` )")
};
```
as you can see however it takes an reducer name which must be registered in the reducers,
this way you can't just mutate the object willy nilly.
there you go; you have reducers, you have a safe way to mutate it your store.
*Optional* function `reducer` to make your reducers easier to read and keep the return consistent but its optional
[View Reducer Function](https://github.com/stagfoo/obake/blob/5c701ab5e7bf9144c182f314aba9d557190ac657/src/index.ts#L33)
## Demo
https://obake.glitch.me/
# Support
[](https://ko-fi.com/H2H616GHW)