Phoenix LiveView - interactive real-time apps without writing JS

Slide 1

Slide 1 text

Phoenix LiveView Interactive realtime apps without writing JS Aleksandr Lossenko, Maksym Verbovyi Hamburg, May 2019

Slide 2

Slide 2 text

State of modern JS stack Source: https://youtu.be/Z2DU0qLfPIY?t=1087

Slide 3

Slide 3 text

Elixir - Jose Valim - VM BEAM (Erlang) - Functional programming - Inspired by Ruby, Closure - Compatibility with Erlang Ecosystem - OTP - Pattern matching - Elixir 1.0.0 - Sep 2014 (dev since 2011)

Slide 4

Slide 4 text

What is Phoenix? ● Chris McCord ● Phoenix 1.0.0 - Aug 2015 (dev since 2014) ● Websockets ● Inspired by Rails ● Similar to Hanami

Slide 5

Slide 5 text

Phoenix Websockets (2 mln subscribers) Source: https://phoenixframework.org/blog/the-road-to-2-million-websocket-connections

Slide 6

Slide 6 text

What is Phoenix LiveView? ● Library which enables rich, real-time user experiences with server-rendered HTML ● Stateful on the server with bi-directional communication via WebSockets ● Simpliﬁed programming model compared to JavaScript alternatives

Slide 7

Slide 7 text

Source: https://dockyard.com/blog/2018/12/12/phoenix-liveview-interactive-real-time-apps-no-need-to-write-javascript

Slide 8

Slide 8 text

“DEMO” Time to show how easy LiveView is

Slide 9

Slide 9 text

Examples of LiveView ● https://liveview.zorbash.com/ - Server Observing ● https://polite-angelic-beaver.gigalixirapp.com/ - BlackJack Game ● https://flappy-phoenix.herokuapp.com/game - Flappy Game ● https://www.youtube.com/watch?v=8xJzHq8ru0M - McCord about LiveView ● https://github.com/phoenixframework/phoenix_live_view - LiveView lib

Slide 10

Slide 10 text

Questions? Thank you! Github: @egze @vermaxik Twitter: @egze @MaximVerbovoy