React Native for Web Support

We are excited to announce that developers can now use PowerSync in React Native for Web projects. This means you can use the same React Native codebase for both mobile and web platforms.

Support for React Native Web was introduced in versions:

• 1.8.0 of the JavaScript/Web SDK

• 1.12.1 of the React Native SDK

To support React Native Web, we've added a UMD target to our Web SDK (available as @powersync/web/umd) and added the ability to customize the PowerSync web worker instantiation. This has far-reaching benefits for our JavaScript SDK in general, as it is now more adaptable to various web frameworks and environments. Stay tuned!

Getting started

Get started with React Native Web support by running the Supabase Todo List Demo app, available here:

• https://github.com/powersync-ja/powersync-js/tree/main/demos/react-native-web-supabase-todolist

Resources

Documentation for implementing PowerSync in your React Native Web project is available here:

• https://docs.powersync.com/client-sdk-references/react-native-and-expo/react-native-web-support

Help and feedback

If you need any help getting started or have any questions, chat with us on Discord. We'd also love to hear your feedback.