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 ">00:00 Welcome to Syntax!
• 03:18 ">03:18 Brought to you by Sentry.io.
• 04:08 ">04:08 What is LoFi?
• localfirst.dev
• 05:02 ">05:02 The Seven Ideals for Local-first.
  • 05:29 ">05:29 1: No Spinners.
  • 06:48 ">06:48 2: Your work is not trapped on one device.
  • 07:56 ">07:56 3: The network is optional.
  • 08:50 ">08:50 4: Seamless collaboration with your colleagues.
  • 09:35 ">09:35 Oops, we for got to read 5: The Long Now.
  • 09:37 ">09:37 6: Security and privacy by default.
  • 09:45 ">09:45 7: You retain ultimate ownership and control.
  • Actual Budget Finance App
  • Ink & Switch
• 13:01 ">13:01 Sounds great, let’s go! Not so fast, this stuff is hard.
• 14:07 ">14:07 The technology involved.
  • 14:30 ">14:30 CRDT (Conflict-free Replicated Data Types).
  • Wikipedia Definition
  • James Long dotJS 2019 dotconfrences
  • 17:48 ">17:48 How does it prioritize conflict resolutions?
  • 19:36 ">19:36 Websockets.
  • 20:17 ">20:17 IndexedDB + SQLite.
  • 21:23 ">21:23 Service Workers.
• 22:16 ">22:16 The software involved.
  • 22:24 ">22:24 Replicache.
  • 24:48 ">24:48 YJS.
  • 25:06 ">25:06 Electric SQL.
• 25:51 ">25:51 The most basic LoFi application.
• 31:26 ">31:26 Some bigger concepts.
• 32:34 ">32:34 Answering some common questions.
• 35:19 ">35:19 Some real-world examples of LoFi.
• Habit Path by Scott Tolinski
• 37:18 ">37:18 What about Apple PWA nonsense?
• 38:20 ">38:20 This seems similar to real-time software and multiplayer.
• 38:47 ">38:47 Sounds like too much work.
• Triplit Fullstack Database
• Electric SQL
• Evolu
• 40:46 ">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 ">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