Building a Local-First React Native App with PowerSync and Supabase
6,264
Publicado 2024-06-11
Transform your React Native application into a faster, local-first app using PowerSync. I'll walk you through all the steps from using a Postgres database with Supabase to setting up PowerSync for offline-first access within your React Native app.
🔥 Learn React Native FAST: galaxies.dev/
🔗 App Code: github.com/Galaxies-dev/react-native-local-first
🔗 Local-First is the Future, Here’s Why: • Local-First is the Future, Here’s Why
🔗 Powersync React Native: docs.powersync.com/client-sdk-references/react-nat…
🔗 Powersync Supabase: docs.powersync.com/integration-guides/supabase-+-p…
🔗 Kysely: kysely.dev/
#############################
❤️ You can also find me on:
Twitter: twitter.com/schlimmson
Instagram: instagram.com/simongrimm_
#############################
00:00 Why use Local-First in 2024?!
00:53 PowerSync
01:42 Setting Up the Initial Application and Superbase
04:01 Integrating PowerSync: Setup and Configuration
16:53 Implementing Local-First Schema and Sync Rules
29:10 Transitioning the Application Logic to PowerSync
45:51 Breakdown
46:31
Todos los comentarios (15)
-
Nice as always! A good demo will be restart the app when the connection still offline to see if the local data loads. 😉
-
Nice tutorial Simon!
-
Thank you for tutorial
-
Great tutorial for a long awaiting topic :) I might switch from Ionic to React Native! I´m interested, why are you using different code than the supplied code from powersync/supabase docs? Are you going a different approach?
-
I did everything same but I get error: ERROR Error: Base quick-sqlite module not found. Maybe try rebuilding the app., js engine: hermes
-
thx for the video, what app you are using for painting on screen?
-
can you please make one full stack app with AI generation like image ,video audio or text gernation with unique UI with expo and many more things please sir please
-
What is the brushing tool you are using to annotate things on your screen?
-
Thanks for thie video really helped a lot. But my problem with React Native is the APK file generated is over 60MB
-
i've tried 100 times to clone the chatgpt clone but when it comes to click on signin or signup nothing happen and i've followed the video in every second you type but nothing i think it's because i'm runing on windows .when it comes to clerk i've set it up like you did
-
I am still in ionic. Is react native better than ionic sir? 🤔
-
github source code link is not working
-
"Over Engineering a TODO App"....
-
Bro Go for gaming coding doesn’t make you groww subscriber its been too many days still not growing
