Saphyra Docs
Guides

Async Derived Values

Learn how to use async derived values in Saphyra.

Examples

Whenever the query state changes, $movies will be asynchronously re-calculated.

type State = {
  query: string
  $movies: Movie[]
}
 
const store = newStoreDef<State>({
  reducer({ state, set, diff, async, deps }) {
    diff()
      .on([s => s.query])
      .run(query => {
        async().promise(async ({ signal }) => {
          const movies = await deps.fetchMovies(query, signal)
          set(s => ({ $movies: movies }))
        })
      })
 
    return state
  },
})

Guides

Learn how to implement useful solutions and patterns using Saphyra.

Pending States

Learn how Saphyra handles pending states.

On this page