Back to Browse

Phoenix crash course #19: LiveView

2.9K views
Mar 27, 2025
42:11

Check my website: https://bergdaniel.com.br/ Documentation: https://hexdocs.pm/phoenix_live_view/welcome.html https://hexdocs.pm/phoenix_live_view/html-attrs.html GitHub repo: https://github.com/danielbergholz/shop Course content: 0:00 - What is LiveView? 1:39 - Creating the products live route 4:07 - Creating the render functions 5:45 - Inspecting the web socket on the network tab 6:30 - Creating the mount function 10:15 - Using the builtin heroicons component 13:36 - Creating the likes variable 17:38 - Handling events 20:32 - Adding a "rest" prop to the icon component 22:25 - Passing values to the events 26:00 - Incrementing and decrementing the likes count 29:24 - Simulating latency 32:02 - Importing testing helpers for LiveView 33:16 - Creating the product_live_test.exs file 34:22 - How to call LiveView inside a test? 35:48 - Testing the mount function 36:38 - Testing the like/dislike events with render_click 40:54 - PHX attributes

Download

1 formats

Video Formats

360pmp451.8 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Phoenix crash course #19: LiveView | NatokHD