Phoenix LiveView - interactive real-time apps without writing JS

Phoenix LiveView - interactive real-time apps without writing JS.
Think that the modern web stack got a bit too complicated? Yepp, it did. Webpack, Babel, Typescript, Node, React, Redux, what the...?! Come to the Brown Bag Lunch and learn about the new state of the art web tech - Phoenix LiveView. It lets you write interactive apps without a single line of JavaScript.

Transcript

1. Phoenix LiveView Interactive realtime apps without writing JS Aleksandr Lossenko, Maksym Verbovyi Hamburg, May 2019
2. State of modern JS stack Source: https://youtu.be/Z2DU0qLfPIY?t=1087
3. 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)
4. What is Phoenix? • Chris McCord • Phoenix 1.0.0 - Aug 2015 (dev since 2014) • Websockets • Inspired by Rails • Similar to Hanami
5. Phoenix Websockets (2 mln subscribers) Source: https://phoenixframework.org/blog/the-road-to-2-million-websocket-connections
6. 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 • Simplified programming model compared to JavaScript alternatives
7. Source: https://dockyard.com/blog/2018/12/12/phoenix-liveview-interactive-real-time-apps-no-need-to-write-javascript
8. “DEMO” Time to show how easy LiveView is
9. 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
10. Questions? Thank you! Github: @egze @vermaxik Twitter: @egze @MaximVerbovoy