Programming Phoenix LiveView

Interactive Elixir Web Programming Without Writing Any JavaScript

by Bruce A. Tate and Sophie DeBenedetto

The days of the traditional request-response web application are longgone, but you don’t have to wade through oceans of JavaScript to buildthe interactive applications today’s users crave. The innovative PhoenixLiveView library empowers you to build applications that are fast andhighly interactive, without sacrificing reliability. This definitiveguide to LiveView isn’t a reference manual. Learn tothink inLiveView. Write your code layer by layer, the way the experts do.Explore techniques with experienced teachers to get the best possibleperformance.

Once LiveView 1.0 is released the code will be updated to the latest version and content will be revised accordingly as we move closer to publication.

Instead of settling for traditional manuals and tutorials, get insightsthat can only be learned from experience. Start with the Elixir languagetechniques that effortlessly marry your client templates and server-sidehandlers. Design your systems with the right layers in the right placesso that your code is easier to understand, change, and support. Explorefeatures like multi-part uploads and learn how to comprehensively testyour live views. Roll into advanced techniques to tie your code to otherservices through the powerful publish-subscribe interface.

LiveView brings the most important programming techniques from thepopular Elm and JavaScript React frameworks to Elixir. You’ll experiencefirsthand how to harness that power by working side by side with some ofthe first LiveView users. You will write your programs to change data onthe server, and you’ll see how LiveView efficiently detects thosechanges and reflects them on the web page. Start from scratch, usebuilt-in generators, and craft reusable components. Your single-purposereducers will transform server data that your renderers can turn intoefficient client-side diffs.

Don’t settle for knowinghow things work. To get the most out ofLiveView, you need to knowwhy they work that way. Co-authored byone of the most prolific authors and teachers in all of Elixir, thisbook is your perfect guide to one of the most important new frameworksof our generation.

• Errata, typos, suggestions

• Source Code (zip file)

Releases:

• B12.02025/01/29
• B11.02024/06/26
• B10.02023/09/06
• B9.02023/03/21

Note: Contents and extracts of beta books will change as the book is developed.

• Preface
  Introduction
• Code Generation
  • Phoenix and Authentication
    • CRC: Constructors, Reducers, and Converters
    • Phoenix is One Giant Function
    • Generate The Authentication Layer
    • Explore Accounts from IEx
    • Protect Routes with Plugs
    • Authenticate The Live View
    • Access Session Data in The Live View
    • Your Turn
  • Generators: Contexts and Schemas
    • Get to Know the Phoenix Live Generator
    • Run the Phoenix Live Generator
    • Understand The Generated Core
    • Understand The Generated Boundary
    • Boundary, Core, or Script?
    • Your Turn
  • Generators: Live Views and Templates
    • Application Inventory
    • Mount and Render the Product Index
    • Use Components to Render HTML
    • Handle Change for the Product Edit
    • Manage Data with Streams
    • Manage Change with a Form Component
    • Your Turn
• LiveView Composition
  • Forms and Changesets
    • Model Change with Changesets
    • Model Change with Embedded Schemas
    • Use Embedded Schemas in LiveView
    • LiveView Form Bindings
    • Live Uploads
    • Your Turn
  • Function Components
    • The Survey
    • Organize Your LiveView with Components
    • Build The Survey Context
    • Organize The Application Core and Boundary
    • Build The Survey Live View
    • Build a Simple Function Component
    • Build the Demographic Show Function Component
    • Your Turn
  • Live Componentsexcerpt
    • Build the Live Demographic Form Component
    • Manage Component State
    • Build The Ratings Components
    • List Ratings
    • Show a Rating
    • Show the Rating Form
    • Your Turn
• Extend LiveView
  • Build an Interactive Dashboard
    • The Plan
    • Define The Admin.DashboardLive LiveView
    • Represent Dashboard Concepts with Components
    • Fetch Survey Results Data
    • Initialize the Admin.SurveyResultsLive Component State
    • Render SVG Charts with Contex
    • Add Filters to Make ChartsInteractive
    • Refactor Chart Code with Macros
    • Your Turn
  • Build a Distributed Dashboard
    • LiveView and Phoenix Messaging Tools
    • Track Real-Time Survey Results with PubSub
    • Track Real-Time User Activity with Presence
    • Display User Tracking
    • Your Turn
  • Test Your Live Views
    • What Makes CRC Code Testable?
    • Unit Test Test Survey Results State
    • Integration Test LiveView Interactions
    • Verify Distributed Realtime Updates
    • Your Turn
• Graphics and Custom Code Organization
  • Build the Game Core
    • The Plan
    • Represent a Shape With Points
    • Group Points Together in Shapes
    • Track and Place a Pentomino
    • Track a Game in a Board
    • Your Turn
  • Render Graphics With SVG
    • Plan the Presentation Layer
    • Define a Skinny GameLive View
    • Render Points with SVG
    • Compose With Components
    • Put It All Together
    • Your Turn
  • Establish Boundaries and APIs
    • It’s Alive: Plan User Interactions
    • Process User Interactions in the Core
    • Build a Game Boundary Layer
    • Extend the Game Live View
    • Add Help with JavaScript
    • Build a Picker to Control Navigation
    • Your Turn

Bruce Tate is a programmer and CEO of Groxio where he is helping toredefine how computer languages are taught and learned. He’s the authorofSeven Languages in SevenWeeksandProgrammingPhoenix,among other titles and has been involved with Elixir from the verybeginning. He’s written more than 10 books.

Sophie DeBenedetto is an engineer at GitHub. She is a formergraduate of, and teacher at, The Flatiron School and has a love ofcoding education. She has been an active member of the Elixir communityfor several years—she is co-organizer of, and speaker at, differentElixir conferences around the world, a podcast host, and a blogger.

Related Titles:

• Designing Elixir Systems with OTP

• Programming Phoenix 1.4

• Programming Elixir 1.6

• Functional Web Development with Elixir, OTP, and Phoenix

• Building Table Views with Phoenix LiveView