How Phoenix LiveView Optimizes Real-Time Web Apps with Streams • Sophie DeBenedetto • GOTO 2023

This presentation was recorded at GOTO Copenhagen 2023. #GOTOcon #GOTOcph

Sophie DeBenedetto - Staff Software Engineer at GitHub @sophiedebenedetto8568

ORIGINAL TALK TITLE
LiveView Handles the Hard Parts: How LiveView Optimizes Real-Time Web Apps with Streams

RESOURCES

ABSTRACT
LiveView is a declarative framework for real-time web development. In this talk, you’ll learn how the LiveView streams API makes for highly optimized client-server communication and develop an appreciation for LiveView’s approach to handling the tedious and difficult details of the real-time web, freeing you up to focus on the fun stuff. You’ll get a taste for LiveView programming that will leave you ready to dive deeper on your own.

LiveView is the web development framework of choice for BEAM users because it leverages the power of The BEAM to allow developers to build lightning fast, real-time web apps quickly and with ease. This is because LiveView handles the difficult and tedious details of WebSocket-based client/server communication, of OTP process management, and even of JavaScript integration and execution, leaving you to focus on building the unique logic and functionality of your web page. Like any true declarative framework, you never have to tell LiveView how to do something. You only need to tell it what to do. One of the best examples of this approach is LiveView’s stream functionality, which allows you to manage large datasets on the client-side–without writing any client-side code yourself.

In this talk, I’ll show you how to use the LiveView streams API, a server-side API, to build highly efficient single-page web apps. We’ll take a look under the hood to understand how LiveView handles the “hard parts” of this kind of optimization. When we’re done, you’ll have an appreciation for the LiveView framework’s declarative approach to web development, and you’ll be prepared to continue to get your hands dirty with LiveView web development. [...]

TIMECODES
00:00 Intro
01:36 Agenda
02:24 What is LiveView?
04:05 The LiveView life-cycle
07:57 The problem
10:23 The solution
11:07 How to work with streams
14:53 How streams work under the hood
22:40 Streams & DOM IDs
24:31 Recap
30:39 One more thing...
34:00 Wrap-up
34:56 Outro

Download slides and read the full abstract here:

RECOMMENDED BOOKS

#PhoenixLiveView #LiveView #BEAM #Elixir #Erlang #WebSockets #Streams #Frontend #WebDevelopment #FunctionalProgramming #PhoenixWebFramework #StateRecovery #SophieDeBenedetto

Looking for a unique learning experience?

SUBSCRIBE TO OUR CHANNEL - new videos posted almost daily.

[tommaisey]

Excellent speaker, very enjoyable to listen to. I'm increasingly interested in LiveView, it looks like a delightful developer experience.

[BuenoFit]

I bought her book 2 days ago and this is really amazing. I cannot stop to read it.

[gonzalomunoz]

This woman is easily one of if not the best communicator in the Elixir community. I'll be on the lookout for more of her content. I have the feeling I'm going to learn a lot and really fast

[mk-Watch-]

Any time I see Sophie's name, I know it's going to be a legit Elixir resource, be it article or whatever. Thank you!!!