Quick Guide to build a realtime page with Phoenix LiveView by Dung Tran
If you want to build a rich, realtime user experiences server-rendered HTML application without complicated JS framework, Phoenix LiveView could be your answer.
LiveView will help to detect changes of data in components to re-render pages for us.
With mix command, it would be easier to create any components with default values that we want to add.
Presently, I develop Erlang/Elixir/NodeJS as backend site and AngularJS/Angular as Frontend site. I invesigated Phoenix Liveview in few months ago when trying to find a solution to fix issue of Live Board perfomance (Client Render HTML). It seemed work quicker but there are many other things that we need to consider before replacing by LiveView.
But it is very execiting, fun and impressed how LiveView work.
In this talk, we will walk-through of Phoenix LiveView by building a simple page.
Dung Tran
/ dung-tran-85416ab6
Venue sponsor - Precio Fishbone
https://www.preciofishbone.vn
Video sponsor – Ada Beat
https://adabeat.com/
If you want to spread functional programming and support the channel, buy something from the shop: https://funcprogsweden.myspreadshop.net/
Chapters:
00:00 Intro of Dung Tran
04:23 Start of Quick Guide to build a realtime page with Phoenix LiveView
05:38 Overview
06:25 What is Phoenix LiveView?
09:44 Start new Weather LiveView application
11:27 Project structure
16:26 Liveview server side
42:50 Liveview client side
44:59 Liveview Dashboard
46:06 Thank you
46:24 Q&A
#funcprogsweden