MiniRx Store Demo (Svelte)

See the MiniRx Redux Api and the Feature Stores in Action

Quick Links

• 🤓 Learn more about MiniRx on the Docs site
• ⭐ MiniRx on GitHub
• 🚀 See MiniRx in action in the Svelte demo

MiniRx - The RxJS Redux Store

RxJS plays nicely with Svelte: RxJS Observables expose a subscribe method (just like svelte stores).

MiniRx Store has some advantages compared to the native Svelte writable/readable/derived stores.

• State and state changes can be inspected with Redux Dev Tools
• Immutability of state can be enforced with the Immutable Extension
  • With immutable state we can be sure that state changes are done explicitly (using setState or by dispatching an Action)
  • We can enable compilerOptions.immutable in the rollup config to improve performance
• State is exposed as RxJS Observable. We can take advantage of RxJS operators to transform and combine state
• MiniRx has a RxJS-based side effects model: Let the action stream trigger side effects like API calls and handle race conditions with RxJS flattening operators
• Undo: You can easily undo state changes with the Undo Extension
• MiniRx is framework agnostic. It works for example nicely with Angular (see Angular demo here: https://angular-demo.mini-rx.io)

Try the demo online:

Svelte demo

Run the demo locally on your machine

• Install dependencies: npm run install-dependencies: It will install all dependencies for the Svelte frontend and the Strapi backend
• Run the Svelte frontend: npm run start:front
• Run the Strapi backend (in another terminal window): npm run start:back