## What is this?
`vuse-rx` is a bridge between Vue 3 and RxJS:
it connects reactive states and refs with observables and subjects
in a way that enforces separation of concerns and drastically reduces the amount of boilerplate code.
The highlights are:
- [`useRxState`](https://vuse-rx.raiondesu.dev/api/use-rx-state) - flux-like state management with observables;
- [`syncRef`](https://vuse-rx.raiondesu.dev/api/refs#syncref) - synchronize two refs with either one-way or two-way binding;
- [`fromRef`](https://vuse-rx.raiondesu.dev/api/refs#fromref) - create an observable from any ref or watch source;
- [`refFrom`](https://vuse-rx.raiondesu.dev/api/refs#reffrom) - create a ref from a promise/observable/iterable/generator or anything else;
### See the [docs](https://vuse-rx.raiondesu.dev) for more information
## Install
`npm i -S vuse-rx`
`yard add vuse-rx`
## Use
Below is a simple example of a counter component with a state and two simple reducers.
See the docs for a [more detailed and interactive example](https://vuse-rx.raiondesu.dev/recipes/counter).
```vue
Counter: {{ state.count }}
```
## Contributing
Pull requests and stars are always welcome. ❤\
For bugs and feature requests, [please create an issue](https://github.com/Raiondesu/vuse-rx/issues/new).
