Build a Local-First App with Expo TinyBase and Cloudflare | Beginner-Friendly React Native Tutorial

In this video you will learn to build local first to do app with Expo, TinyBase, and CloudFlare. To make this tutorial more fun, we're also going to create a sync server to sync data between clients.

In this tutorial, we use TinyBase but with Expo you have the flexibility to use the local first architecture from Legend State, TinyBase, SQLite, Yjs, Prisma, Jazz and so many more tools.

Please note that this tutorial is targeting beginners and people that are getting started in local first world, and if you want to create a more complex, or if you want to learn more advanced patterns using TinyBase check out the links below:

⌚ Timestamps ⌚
00:00 Intro to local first app development with TinyBase
00:17 Resources and Docs
01:09 Creating a Client Expo App
02:23 Installing Dependencies
03:22 Adding TinyBase Provider
04:07 Defining Table and Cells
04:34 Creating a Mergeable Store
06:21 Adding Items to the Store
07:16 Displaying Tasks
07:51 Starting TinyBase Persister
11:37 Implementing Sync Server
12:42 Creating a Server Project
14:08 Installing TinyBase on the Server
16:30 Starting TinyBase Synchronizer
17:58 Testing Synchronization on Local Server
18:52 Deploying Server to Cloudflare
20:05 Testing Synchronization on Deployed Server
20:20 Outro

#Expo #ReactNative #TinyBase

[nietpraten]

I fricking love the phase of this tutorial. Instead of telling me 3 hours of content that I couldn't care less about, just go. Don't repeat, just go. Amazing. Wow!

[prashlovessamosa]

Best thing Expo did is to hire you man

[MikeMonji]

Came at a better time. Can't wait!!!

[Dom.zee]

Great video! So cool to see how much you’ve grown! So encouraging!!

[takundamafuta]

It seems some part of this tutorial is missing between 7:50 and 7:53. The text "Tasks" and button "Add Tasks" just magically moved to the top of the screen without any alteration of code relating to that. Why?

[ChineduJoey]

Unrelated but react native maps breaks in expo 52! I’ve searched the whole internet and found a lot of people also face the same problem. The only option is to downgrade to a lower version which shouldn’t be so for a huge framework Expo. Kindly make a video or share links on how to resolve this issue! It will save a lot of developers the stress that comes with downgrading version.

[omsharma]

Any good alternative for durable object ? I want to make projects using free tools if possible

[jacob]

why would you ever want to have same (in-sync) "data" on all devices in real world?

[safscribe]

STOP SAYING "fun" your overuse can be considered ABUSE (in the intro)

[ChineduJoey]

Unrelated but react native maps breaks in expo 52! I’ve searched the whole internet and found a lot of people also face the same problem. The only option is to downgrade to a lower version which shouldn’t be so for a huge framework like Expo. Kindly make a video or share links on how to resolve this issue! It will save a lot of developers the stress that comes with downgrading.