Building a Local-First React Native App with PowerSync and Supabase
ฝัง
- เผยแพร่เมื่อ 30 มิ.ย. 2024
- ⚡️ Try PowerSync for free today: dub.sh/powersync
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...
🔗 Local-First is the Future, Here’s Why: • Local-First is the Fut...
🔗 Powersync React Native: docs.powersync.com/client-sdk...
🔗 Powersync Supabase: docs.powersync.com/integratio...
🔗 Kysely: kysely.dev/
#############################
❤️ You can also find me on:
Twitter: / schlimmson
Instagram: / 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 Outro - วิทยาศาสตร์และเทคโนโลยี
Nice as always! A good demo will be restart the app when the connection still offline to see if the local data loads. 😉
Give it a try and see for yourself 😎 (Spoiler: it works)
Nice tutorial Simon!
Many thanks!
Thank you for tutorial
thx for the video, what app you are using for painting on screen?
Screenbrush
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 looked at different examples and used the approach that looked to me the most React'ish!
What is the brushing tool you are using to annotate things on your screen?
Screenbrush
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
Thanks for thie video really helped a lot.
But my problem with React Native is the APK file generated is over 60MB
Maybe check your included libraries using Expos new tool Atlas
I am still in ionic. Is react native better than ionic sir? 🤔
Better then that 😊
Both have their use case, RN maybe some more by now!
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
Do you know if it is sending network requests at all? Any errors?
It's work with Mac I mean simulator
Oh I see. Sorry I only work with Mac lol. Interesting though. In theory it should. What simulator are you using on windows?
@@morale3056 in windows once i switch to expo go , i choose 'w' to choose the web because i don't have android or iphone so i can't scan the qr code ; i think once i use mac it'll work
@@morale3056 simulator not working in windows only work mac os
github source code link is not working
Fixed, sorry!
"Over Engineering a TODO App"....
Bro Go for gaming coding doesn’t make you groww subscriber its been too many days still not growing
Nah bro🤦🏾🤦🏾🤦🏾, what works for you doesn't work for someone else 😂
@@tamaniphiri just look bro gamers and other creators are more subscriber and earning but this guy after lots of effort not growing