739: The LoFi Movement: Building Local First Apps

Syntax - Tasty Web Development Treats

Wes Bos

Tech News, Technology, News

4.9 • 1.2K Ratings

🗓️ 6 March 2024

⏱️ 52 minutes

🔗️ Recording | iTunes | RSS

🧾️ Download transcript

Summary

Join Wes and Scott as they explore LoFi (local first) web development, delving into CRDT, Websockets, IndexedDB, SQLite, and more. Discover when Local-First shines and when it’s better to steer clear in this episode packed with practical insights. Show Notes 00:00 Welcome to Syntax! 03:18 Brought to you by Sentry.io. 04:08 What is LoFi? localfirst.dev 05:02 The Seven Ideals for Local-first. 05:29 1: No Spinners. 06:48 2: Your work is not trapped on one device. 07:56 3: The network is optional. 08:50 4: Seamless collaboration with your colleagues. 09:35 Oops, we for got to read 5: The Long Now. 09:37 6: Security and privacy by default. 09:45 7: You retain ultimate ownership and control. Actual Budget Finance App Ink & Switch 13:01 Sounds great, let’s go! Not so fast, this stuff is hard. 14:07 The technology involved. 14:30 CRDT (Conflict-free Replicated Data Types). Wikipedia Definition James Long dotJS 2019 dotconfrences 17:48 How does it prioritize conflict resolutions? 19:36 Websockets. 20:17 IndexedDB + SQLite. 21:23 Service Workers. 22:16 The software involved. 22:24 Replicache. 24:48 YJS. 25:06 Electric SQL. 25:51 The most basic LoFi application. 31:26 Some bigger concepts. 32:34 Answering some common questions. 35:19 Some real-world examples of LoFi. Habit Path by Scott Tolinski 37:18 What about Apple PWA nonsense? 38:20 This seems similar to real-time software and multiplayer. 38:47 Sounds like too much work. Triplit Fullstack Database Electric SQL Evolu 40:46 Some useful links. Local-First Web Development Local-First Lo.fi YouTube Local-First Ink & Switch Local-First Reddit Syntax GitHub Local-First 43:30 Sick Picks + Shameless Plugs. Sick Picks Wes: Dresscode.dev Scott: Monarch Money Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads Wes: X Instagram Tiktok LinkedIn Threads Scott:X Instagram Tiktok LinkedIn Threads Randy: X Instagram YouTube Threads

Transcript

Click on a timestamp to play from that location

0:00.0	Welcome to Syntax. Today we've got a episode for you on Local First Development,
0:08.0	Lofi, which is super cool. Scott's like we're going to do an episode on Lofi.
0:12.1	I was like the
0:13.0	hell is that? That sounds cool. Some sort of like sick library for like making tunes or
0:17.4	something like that but it means local first and it's approaching your applications so that they work offline first
0:27.6	sort of how like sometimes people think like like mobile first right you think about
0:31.8	your applications as a mobile app first
0:33.5	and then you scale up rather than the opposite.
0:36.0	So local first is thinking about your applications of like what happens
0:39.3	when the internet cuts out and then what happens when we reconnect. So Scott has dove deep into this
0:45.4	topic so excited to talk to him all about that. How you doing today Scott?
0:50.3	Hey I'm doing good you know what about 10 minutes ago? It was clear sky and right now there's like already
0:59.6	Same. It's thundering here right now. Oh no, oh, okay. Oh, it is a certified winter wonderland.
1:07.2	It is like, come down. That is wild that is wild that Denver is just like warm and snowing in like the same week.
1:15.0	There's like 60 and sunny yesterday. Yeah.
1:17.0	Hold on. 60. What is that in the for the rest of the world?
1:22.0	A warm. 15.5 thank you for for converting for the
1:27.1	rest of the world that makes a lot of sense let's talk about my t-shirt I will tell you right now I will do anything for a t-shirt.
1:37.0	You can you can ask me to pay me money you can ask me to take me up for lunch on talk about your
1:42.1	company sometimes maybe, whatever.
1:45.0	He sent me like a t-shirt. I'll do literally anything for a t-shirt, which is a weird part of
1:51.3	tech where that we will do this.
	...

Please login to see the full transcript.

Previous episode | Next episode

Disclaimer: The podcast and artwork embedded on this page are from Wes Bos, and are the property of its owner and not affiliated with or endorsed by Tapesearch.

Generated transcripts are the property of Wes Bos and are distributed freely under the Fair Use doctrine. Transcripts generated by Tapesearch are not guaranteed to be accurate.