Uploaded September 2024 | Updated September 2026, 2 weeks ago
Legend State version 3 is in beta and while it remains the fastest state manager (according to its docs) it now supports local first sync. So your NextJS, Remix, React and Vite applications can work offline and then sync up with the server again when they are online!
This video was sponsored by Infinite Red, find out more about their React Native consultancy at https://infinite.red/jack
🧑🏼💻 Code: github.com/jherr/legend-v3-local-sync
👉 ProNextJS Course: https://pronextjs.dev
👉 Don't forget to subscribe to this channel for more updates: bit.ly/2E7drfJ
👉 Discord server signup: discord.gg/ddMZFtTDa5
👉 VS Code theme and font? Night Wolf [black] and Operator Mono
👉 Terminal Theme and font? oh-my-posh with custome prompt and SpaceMono NF
00:00 Introduction
00:17 Legend State basics
00:53 Creating observables
01:53 Why you need observer
02:18 Creating computed values
02:48 Creating reactive components
04:35 Setting up the form
06:07 Connecting to React Query
07:09 Handling mutations
07:57 Sending incremental updates
09:37 Implementing offline sync
11:04 Adding a submit button
13:12 Using context with observables
Legend State version 3 is in beta and while it remains the fastest state manager (according to its docs) it now supports local first sync. So your NextJS, Remix, React and Vite applications can work offline and then sync up with the server again when they are online!
This video was sponsored by Infinite Red, find out more about their React Native consultancy at https://infinite.red/jack
🧑🏼💻 Code: github.com/jherr/legend-v3-local-sync
👉 ProNextJS Course: https://pronextjs.dev
👉 Don't forget to subscribe to this channel for more updates: bit.ly/2E7drfJ
👉 Discord server signup: discord.gg/ddMZFtTDa5
👉 VS Code theme and font? Night Wolf [black] and Operator Mono
👉 Terminal Theme and font? oh-my-posh with custome prompt and SpaceMono NF
00:00 Introduction
00:17 Legend State basics
00:53 Creating observables
01:53 Why you need observer
02:18 Creating computed values
02:48 Creating reactive components
04:35 Setting up the form
06:07 Connecting to React Query
07:09 Handling mutations
07:57 Sending incremental updates
09:37 Implementing offline sync
11:04 Adding a submit button
13:12 Using context with observables
