Programming Phoenix LiveView

Cover
Table of Contents
Change History
	B3.0 April 2nd, 2021
	B2.0 March 11th, 2021
	B1.0: February 24, 2021
Introduction
	Is This Book for You?
	About this Book
	Online Resources
1. Get To Know LiveView
	Single-Page Apps are Distributed Systems
	LiveView Makes SPAs Easy
	Program LiveView Like a Professional
	Install Elixir, Postgres, Phoenix, and LiveView
	Create a Phoenix Project
	The LiveView Lifecycle
	Build a Simple Live View
	LiveView Transfers Data Efficiently
	Your Turn
Part I—Code Generation
	2. 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
		Your Turn
	3. Generators: Contexts and Schemas
		Get to Know the Phoenix Live Generator
		Run the phx.live Generator
		Understand The Generated Core
		Understand The Generated Boundary
		Boundary, Core, or Script?
		Your Turn
	4. Generators: Live Views and Templates
		Application Inventory
		Mount and Render the Product Index
		Handle Change for the Product Edit
		LiveView Layers: The Modal Component
		LiveView Layers: The Form Component
		Your Turn
Part II—LiveView Composition
	5. Forms and Changesets
		Model Change with Changesets
		Model Change with Schemaless Changesets
		Use Schemaless Changesets in LiveView
		LiveView Form Bindings
		Live Uploads
		Your Turn
	6. Stateless Components
		The Survey
		Organize Your LiveView with Components
		Build The Survey Context
		Organize The Application Core and Boundary
		Build The Survey Live View
		Build The Demographic Form
		Your Turn
	7. Stateful Components
		Make the Demographic Component Stateful
		Show a Demographic
		Build The Ratings Components
		List Ratings
		Show a Rating
		Show the Rating Form
		Your Turn
Part III—Extend LiveView
	8. Build an Interactive Dashboard
		The Plan
		Define The AdminDashboardLive LiveView
		Represent Dashboard Concepts with Components
		Fetch Survey Results Data
		Initialize the SurveyResultsLive Component State
		Render SVG Charts with Contex
		Add Filters to Make Charts Interactive
		Refactor Chart Code with Macros
		Your Turn
	9. 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
	10. 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
Part IV—Graphics and Custom Code Organization
	11. Custom Cores
	12. Render Graphics With SVG
	13. Establish Boundaries and APIs
Bibliography