paisley
SPA engine that sends HTML to clients and handles events via WebSocket. Ideal for smaller apps, built very small teams (like, 1 person).
Named after the
Fairly experimental.
Rationale
This was partially made just for fun, but also to shrink development for solo apps. No need to maintain both an Angel server and a React/Angular frontend, etc. Also, there's no need to use a module bundler.
State
You need to roll-your-own state management, especially to persist state after a reconnect.
window.localStorage
is sent to Component.afterCreate
.
Use it accordingly...
Also, Paisley is smart enough to know when a reconnect occurs, and will not reset the whole page. This way, users can have as seamless an experience as is possible.
Gracefully handling disconnects
Paisley handles disconnects by reconnecting (using a truncated exponential backoff to not spam your server).
Use Component.afterCreate
to continue running from a previous state.
In addition, when Paisley disconnects, it adds the paisley-disconnected
CSS class
to document.body
, so you can potentially show some conditional content.
Installation
In your pubspec.yaml
:
dependencies:
paisley: ^0.0.0