Programming Phoenix LiveView

Description

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