156: React to LiveView for Performance

When their React app stuttered and slowed with the hundreds of items they needed to display, Tim Gremore tried it out as a LiveView rendered page and found they could scale to thousands without issue. The LiveView version was so responsive the users thought it must not be working because there was no delay to register the changes! Tim shares their journey migrating a service from React to LiveView to solve their issue. He shares tips, what they learned in the process and more!
Show Notes online - http://podcast.thinkingelixir.com/156 (http://podcast.thinkingelixir.com/156)
Elixir Community News
- https://github.com/elixir-lang/elixir/releases/tag/v1.15.0-rc.2 (https://github.com/elixir-lang/elixir/releases/tag/v1.15.0-rc.2?utm_source=thinkingelixir&utm_medium=shownotes) – Elixir 1.15.0-rc.2
- https://elixirforum.com/t/elixir-v1-15-0-rc-2-released/56450 (https://elixirforum.com/t/elixir-v1-15-0-rc-2-released/56450?utm_source=thinkingelixir&utm_medium=shownotes) – Release announcement on ElixirForum
- https://danschultzer.com/posts/prefixed-base62-uuidv7-object-ids-with-ecto (https://danschultzer.com/posts/prefixed-base62-uuidv7-object-ids-with-ecto?utm_source=thinkingelixir&utm_medium=shownotes) – Automated UUIDs with human-friendly prefixes - blog post by Dan Schultzer
- https://twitter.com/sean_moriarity/status/1668371536481337346 (https://twitter.com/sean_moriarity/status/1668371536481337346?utm_source=thinkingelixir&utm_medium=shownotes) – Decision trees get the ability to be compiled to Nx/EXLA
- https://twitter.com/sean_moriarity/status/1668053540302999552 (https://twitter.com/sean_moriarity/status/1668053540302999552?utm_source=thinkingelixir&utm_medium=shownotes) – Sean Moriarity teased an image showing EXLA_TARGET=metal
- https://github.com/phoenixframework/phoenixliveview/blob/v0.19.2/CHANGELOG.md#L1 (https://github.com/phoenixframework/phoenix_live_view/blob/v0.19.2/CHANGELOG.md#L1?utm_source=thinkingelixir&utm_medium=shownotes) – Phoenix LiveView 0.19.1 and 0.19.2 - minor bug fix releases
- https://hauleth.dev/post/beam-process-memory-usage/ (https://hauleth.dev/post/beam-process-memory-usage/?utm_source=thinkingelixir&utm_medium=shownotes) – Blog post from Hauleth, “How much memory is needed to run 1M Erlang processes?”
- https://paraxial.io/blog/exploit-guard (https://paraxial.io/blog/exploit-guard?utm_source=thinkingelixir&utm_medium=shownotes) – ExploitGuard blog post is a security focused tool
- https://github.com/paraxialio/exploit_guard (https://github.com/paraxialio/exploit_guard?utm_source=thinkingelixir&utm_medium=shownotes) – Github project for ExploitGuard - aims to help prevent RCE (Remote Code Execution)
- https://github.com/ferd/recon/ (https://github.com/ferd/recon/?utm_source=thinkingelixir&utm_medium=shownotes) – Recon library
- https://www.twitch.tv/josevalim (https://www.twitch.tv/josevalim?utm_source=thinkingelixir&utm_medium=shownotes) – José Valim's Twitch account
- https://smartlogic.io/podcast/elixir-wizards/s10-e12-jose-guillaume-giuseppe-types-elixir/ (https://smartlogic.io/podcast/elixir-wizards/s10-e12-jose-guillaume-giuseppe-types-elixir/?utm_source=thinkingelixir&utm_medium=shownotes) – ElixirWizards podcast interview with José Valim, Guillaume Duboc, and Giuseppe Castagna about Elixir and a type system
- https://twitter.com/bcardarella/status/1666995102542118913 (https://twitter.com/bcardarella/status/1666995102542118913?utm_source=thinkingelixir&utm_medium=shownotes) – LiveView Native gets SwiftCharts support
Do you have some Elixir news to share? Tell us at @ThinkingElixir (https://twitter.com/ThinkingElixir) or email at show@thinkingelixir.com (mailto:show@thinkingelixir.com)
Discussion Resources
- https://twitter.com/dpaola2/status/1654591023341772803 (https://twitter.com/dpaola2/status/1654591023341772803?utm_source=thinkingelixir&utm_medium=shownotes) – The tweet that inspired the discussion
- https://usebirdseye.com (https://usebirdseye.com?utm_source=thinkingelixir&utm_medium=shownotes) – Birdseye - the app being discussed
- https://expo.dev/ (https://expo.dev/?utm_source=thinkingelixir&utm_medium=shownotes) – Cross-platform mobile framework
- https://usebirdseye.com/ (https://usebirdseye.com/?utm_source=thinkingelixir&utm_medium=shownotes) – The task management service being discussed
- https://github.com/chrismccord/todo_trek (https://github.com/chrismccord/todo_trek?utm_source=thinkingelixir&utm_medium=shownotes) – A trello-like todo board which shows off different dynamic form strategies with Phoenix LiveView.
Guest Information
- https://twitter.com/timgremore (https://twitter.com/timgremore?utm_source=thinkingelixir&utm_medium=shownotes) – on Twitter
- https://github.com/timgremore/ (https://github.com/timgremore/?utm_source=thinkingelixir&utm_medium=shownotes) – on Github
- https://headway.io/ (https://headway.io/?utm_source=thinkingelixir&utm_medium=shownotes) – Headway company
- https://usebirdseye.com (https://usebirdseye.com?utm_source=thinkingelixir&utm_medium=shownotes) – Birdseye task management app
Find us online
- Message the show - @ThinkingElixir (https://twitter.com/ThinkingElixir)
- Message the show on Fediverse - @ThinkingElixir@genserver.social (https://genserver.social/ThinkingElixir)
- Email the show - show@thinkingelixir.com (mailto:show@thinkingelixir.com)
- Mark Ericksen - @brainlid (https://twitter.com/brainlid)
- Mark Ericksen on Fediverse - @brainlid@genserver.social (https://genserver.social/brainlid)
- David Bernheisel - @bernheisel (https://twitter.com/bernheisel)
- David Bernheisel on Fediverse - @dbern@genserver.social (https://genserver.social/dbern)
- Cade Ward - @cadebward (https://twitter.com/cadebward)
- Cade Ward on Fediverse - @cadebward@genserver.social (https://genserver.social/cadebward)