Examples

The following examples are available, grouped by tech stack:

React

• react-atom-effects - initialize and persist atom values using localStorage.
• react-asynchronous-state - build a deeply nested, asynchronous state graph.
• react-complex-state - level up with multiple dependencies.
• react-caching - apply cache policies to optimize network traffic.
• react-aborting-work - abort work with Stan-provided AbortSignal.
• react-dynamic-dependencies - watch a dynamic state graph in action.
• react-switching-stores - reset all state by switching stores.
• react-suspense - use React Suspense with Stan.
• react-collection-actions - alter a dynamically referenced Stan state.

Vue

• vue-v-model - bind atoms to form inputs with v-model.
• vue-caching - apply cache policies to optimize network traffic.
• vue-switching-stores - reset all state by switching stores.
• vue-dynamic-dependencies - watch a dynamic state graph in action.
• vue-collection-actions - alter a dynamically referenced Stan state.
• vue-todomvc - a TodoMVC port with basic persistence.

Vanilla

• vanilla-state - use vanilla Stan if you really have to.