214 subscribers • 1 video on Hallway
Intermediate. Assumes working knowledge.
6.1K views2 years ago3 recommendations
Web developmentDistributed systemsVue, Svelte, Angular and othersHTTP, REST and GraphQLSoftware architecture
Tony Dang demonstrates how to build an offline-first, real-time collaborative application using Phoenix LiveView, Svelte, and Yjs CRDTs.
This is a presentation on to how build an offline-enabled, real-time to-do app w/ LiveView, Svelte, & Yjs. Source code for the project: github.com/thisistonydang/liveview-svelte-pwa Live demo of the app: liveview-svelte-pwa.fly.dev/ Other links mentioned: - Daniils Petrovs - SvelteKit: From landing page to offline PWAs: speakerdeck.com/danirukun/svelte-hololive-fan-booth-project - Ryan Cooke - E2E Reactivity - using Svelte with Phoenix LiveView: youtube.com/watch?v=asm2TTm035o - Wout De Puysseleir - LiveSvelte - Render Svelte directly into Phoenix LiveView with E2E reactivity: youtube.com/watch?v=JMkvbW35QvA - Conflict-free Replicated Data Type (CRDT): crdt.tech/ - Yjs (CRDT library implemented in Javascript): github.com/yjs/yjs Follow up videos: - Syncing without running Yjs server-side: youtube.com/watch?v=SWC182dPh2I - Podcast episode discussing the app on Elixir Mentor: youtube.com/watch?v=89T_QX2sccE Questions or feedback? You can find my contact info here: tonydang.com/What people say. Recommended for developers looking to handle spotty connections and build offline-first applications using Phoenix and Svelte.
u/Top_Helicopter_409in r/elixir • Recommends
On “Using Elixir Phoenix with offline first app”
u/Junior_Horror_3254in r/elixir • Recommends
On “I can't find an actual answer about this: how do you ACTUALLY handle spotty connections and users needing to redirect?”
u/srodrigoDevin r/elixir • Recommends
On “Examples of polished Phoenix web apps / startups (especially using LiveView)”