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 [email protected] (mailto:[email protected])
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 - @[email protected] (https://genserver.social/ThinkingElixir)
- Email the show - [email protected] (mailto:[email protected])
- Mark Ericksen - @brainlid (https://twitter.com/brainlid)
- Mark Ericksen on Fediverse - @[email protected] (https://genserver.social/brainlid)
- David Bernheisel - @bernheisel (https://twitter.com/bernheisel)
- David Bernheisel on Fediverse - @[email protected] (https://genserver.social/dbern)
- Cade Ward - @cadebward (https://twitter.com/cadebward)
- Cade Ward on Fediverse - @[email protected] (https://genserver.social/cadebward)

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

Elixir Community News

https://github.com/elixir-lang/elixir/releases/tag/v1.15.0-rc.2 – Elixir 1.15.0-rc.2
https://elixirforum.com/t/elixir-v1-15-0-rc-2-released/56450 – Release announcement on ElixirForum
https://danschultzer.com/posts/prefixed-base62-uuidv7-object-ids-with-ecto – Automated UUIDs with human-friendly prefixes - blog post by Dan Schultzer
https://twitter.com/sean_moriarity/status/1668371536481337346 – Decision trees get the ability to be compiled to Nx/EXLA
https://twitter.com/sean_moriarity/status/1668053540302999552 – Sean Moriarity teased an image showing EXLA_TARGET=metal
https://github.com/phoenixframework/phoenix_live_view/blob/v0.19.2/CHANGELOG.md#L1 – Phoenix LiveView 0.19.1 and 0.19.2 - minor bug fix releases
https://hauleth.dev/post/beam-process-memory-usage/ – Blog post from Hauleth, “How much memory is needed to run 1M Erlang processes?”
https://paraxial.io/blog/exploit-guard – ExploitGuard blog post is a security focused tool
https://github.com/paraxialio/exploit_guard – Github project for ExploitGuard - aims to help prevent RCE (Remote Code Execution)
https://github.com/ferd/recon/ – Recon library
https://www.twitch.tv/josevalim – José Valim's Twitch account
https://smartlogic.io/podcast/elixir-wizards/s10-e12-jose-guillaume-giuseppe-types-elixir/ – ElixirWizards podcast interview with José Valim, Guillaume Duboc, and Giuseppe Castagna about Elixir and a type system
https://twitter.com/bcardarella/status/1666995102542118913 – LiveView Native gets SwiftCharts support

Do you have some Elixir news to share? Tell us at @ThinkingElixir or email at [email protected]

Discussion Resources

https://twitter.com/dpaola2/status/1654591023341772803 – The tweet that inspired the discussion
https://usebirdseye.com – Birdseye - the app being discussed
https://expo.dev/ – Cross-platform mobile framework
https://usebirdseye.com/ – The task management service being discussed
https://github.com/chrismccord/todo_trek – A trello-like todo board which shows off different dynamic form strategies with Phoenix LiveView.

Guest Information

https://twitter.com/timgremore – on Twitter
https://github.com/timgremore/ – on Github
https://headway.io/ – Headway company
https://usebirdseye.com – Birdseye task management app

Find us online

Message the show - @ThinkingElixir
Message the show on Fediverse - @[email protected]
Email the show - [email protected]
Mark Ericksen - @brainlid
Mark Ericksen on Fediverse - @[email protected]
David Bernheisel - @bernheisel
David Bernheisel on Fediverse - @[email protected]
Cade Ward - @cadebward
Cade Ward on Fediverse - @[email protected]

Sponsored By: