Tony Dang

@tonydang
41 Followers
83 Following
21 Posts
πŸ‘¨β€πŸ’» Web Developer (JS: Astro/Svelte/Three.js/D3 + Elixir: Phoenix/LiveView)
πŸ§—β€β™‚οΈ Climber
πŸ€Έβ€β™‚οΈ Calisthenics Practitioner
Websitehttps://tonydang.com
LocationBay Area, California, USA

Just finished recording a podcast on offline apps with Phoenix LiveView, Svelte, and Yjs! The recording is available on YouTube if you missed it:

https://www.youtube.com/watch?v=89T_QX2sccE

#myelixirstatus

Tony Dang on Offline-Enabled LiveView | All Things Elixir

YouTube

So I recently found out that you don't need to run Yjs server-side in order to sync client-side apps 🀯

I updated my previous Elixir Phoenix app to no longer need to call out to a Cloudflare Worker and made a video explaining how things work here:
https://www.youtube.com/watch?v=SWC182dPh2I

#myelixirstatus

Syncing Yjs Web App Using A Phoenix LiveView Backend

YouTube

@Greenheart Whoa, this is super super cool. Two of the features I wanted for my app that I haven't had time to implement yet was a data export feature (like what excalidraw has) and an auth solution that doesn't require a server. It looks like your app has both those things!

I'm definitely gonna have to dig into your source code when I get the chance. Thank you very much for sharing! πŸ™

I built an offline-enabled, real-time app w/ LiveView, Svelte, and Yjs! See below for a video walkthrough :)

Live Demo: https://liveview-svelte-pwa.fly.dev

Code: https://github.com/tonydangblog/liveview-svelte-pwa

Video: https://www.youtube.com/watch?v=PX9-lq0LL9Q

#myelixirstatus #svelte #LocalFirst

ToDo

Local-First LiveView Svelte ToDo App

ToDo

Currently binging podcasts as I learn Elixir:

Beam Radio - https://www.beamrad.io/
Elixir Newbie - https://www.elixirnewbie.com/
Elixir Wizards - https://smartlogic.io/podcast/elixir-wizards/
Thinking Elixir - https://podcast.thinkingelixir.com/
Elixir Mix - https://topenddevs.com/podcasts/elixir-mix

I still don't get a lot of what's going on, but it's been a great way to learn about the community and what I don't know :)

#myelixirstatus

Beam Radio

Stories and conversations around Elixir, Erlang and the BEAM ecosystem

Beam Radio
@tylerayoung Thanks Tyler! It was great to meet you as well. I'm still working on my offline-enabled LiveView project and I think I might have figured out how to get it working a little more seamlessly. Hopefully I can show you and everyone else at the next pair-programming session :)
@seblammers I looked up floweresk and couldn't find it so I guess that means you're officially now a neologist! (<-- I actually had to look up that word as well πŸ˜…)

D3 radial cluster tree example, written in Svelte:
https://tonydang.blog/d3-svelte-radial-cluster/

Part of my series on converting the official D3 examples to Svelte: https://tonydang.blog/d3-svelte/

#d3js #svelte #sveltejs #dataviz

D3 Svelte Radial Cluster

D3 radial cluster example, written in Svelte.

Tony Dang
@seblammers @maarten Just updated my example to use SVG rects. The legend now loads with the rest of the chart and I was able decrease the kb transferred by 156kb! Thanks again for the tip πŸ™

@seblammers @maarten Oh man, the SVG rects method is a great idea! I'll take a look at updating my example later with it. I'm curious to see how the page load performance is going to improve by not having to send the extra JavaScript and hydrating!

Thank you to you both @seblammers and @maarten !