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

This presentation was recorded at GOTO Copenhagen 2023. #GOTOcon #GOTOcph
https://gotocph.com

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
http://sophiedebenedetto.nyc
  / sm_debenedetto  
  / sophiedebenedetto  
https://github.com/SophieDeBenedetto

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:
https://gotocph.com/2023/sessions/2855

RECOMMENDED BOOKS
Sophie DeBenedetto & Bruce Tate • Programming Phoenix LiveView • https://pragprog.com/titles/liveview/...
Sean Moriarity • Genetic Algorithms in Elixir • https://amzn.to/3PdlmZu
Sean Moriarity • Machine Learning in Elixir • https://pragprog.com/titles/smelixir
Bruce Tate • Programmer Passport: Elixir • https://amzn.to/48cTxJg
Bruce Tate • Programmer Passport: Prolog • https://amzn.to/3PD6dCc
Bruce Tate, Ian Dees, Frederic Daoud & Jack Moffitt • Seven More Languages in Seven Weeks • https://amzn.to/48bzuuV
Bruce Tate • Seven Languages in Seven Weeks • https://amzn.to/3Lkto1v
Svilen Gospodinov • Concurrent Data Processing in Elixir • https://amzn.to/3t0MQtM

  / gotocon  
  / goto-  
  / goto_con  
  / gotoconferences  
#PhoenixLiveView #LiveView #BEAM #Elixir #Erlang #WebSockets #Streams #Frontend #WebDevelopment #FunctionalProgramming #PhoenixWebFramework #StateRecovery #SophieDeBenedetto

CHANNEL MEMBERSHIP BONUS
Join this channel to get early access to videos & other perks:
   / @goto-  

Looking for a unique learning experience?
Attend the next GOTO conference near you! Get your ticket at https://gotopia.tech
Sign up for updates and specials at https://gotopia.tech/newsletter

SUBSCRIBE TO OUR CHANNEL - new videos posted almost daily.
https://www.youtube.com/user/GotoConf...