Phoenix LiveView
Phoenix LiveView is an exciting new project that allows you to build rich interfaces with hardly any JavaScript, instead using WebSockets to communicate between the server and the client.
Currently LiveView is a great option for things like form validation, autocomplete, and pushing updates from the server.
Episodes in this series
-
Phoenix LiveView Part 1
In part 1 we get started by installing Phoenix LiveView and setting it up to work with an existing Elixir Phoenix application. Then we’ll update a page to render data using LiveView.
-
Phoenix LiveView Part 2
In part 2 we’ll use Phoenix LiveView event bindings to dynamically render a form and save changes to the database. Our form will be validated using a changesets coming from LiveView.
-
Phoenix LiveView Part 3
In part 3 of our series we’ll broadcast album changes to all clients using Phoenix.PubSub and Phoenix LiveView.
-
Phoenix LiveView Part 4
In part 4 of our Phoenix LiveView series we’ll use Phoenix Presence to track how many users are currently signed in to our application.
-
Phoenix LiveView JS Hooks
Phoenix LiveView provides JS Hooks as a way to integrate LiveView with JavaScript. In this episode, we’ll create a new Phoenix LiveView project and see how we can use a hook to integrate it with a color-picker library.