JavaScript SPA Frameworks

The PowerSync JavaScript Web SDK can be used in conjunction with Single-Page Application (SPA) frameworks such as React, Vue, Angular and Svelte.

For React and Vue specifically, wrapper packages are available to support reactivity/live queries, which makes it easier for developers to leverage PowerSync. This doesn’t mean that web projects with other frameworks cannot use PowerSync, but that the barrier to entry is a little higher than using such wrappers.

Note: Reactivity wrappers for other frameworks such as Svelte and Solid are planned further down the line. Please let us know if you require this for your project.

React Hooks

npm: @powersync/reactnpm

The powersync-react package uses React hooks around the PowerSync Common API to support reactivity.

The full API Reference and example code can be found here:

React components for PowerSync | PowerSync JS SDK Docs

Vue Composables

npm: @powersync/vuenpm

The powersync/vue package uses Composables around the PowerSync Common API to support reactivity.

The full API Reference and example code can be found here:

Vue composables for PowerSync | PowerSync JS SDK Docs