LiveView demos, examples, and sample apps thread!

I’d like to programmatically generate a much larger table. The generation as a separate string is no problem, but getting that string into the template and having it all interpreted correctly is proving difficult. Here is the currently non-working branch: https://github.com/JohnB/phoenix_live_view_example/blob/jb_generate_large_board/lib/demo_web/live/collaborative_canvas_live.ex#L7-L44

Any suggestions will be appreciated.
thanks!

tijuanate · March 27, 2019, 11:11pm

Simple live chat with LiveView and Elixir PubSub https://github.com/amco/elixir-lab/tree/master/lv

Nicd · March 28, 2019, 5:23am

I’m gonna be the boring person and copy this tweet I made:

https://twitter.com/AmNicd/status/1110612030346670086

The “60fps” demos are cool and all, but I already saw people misjudging LiveView based on that in Twitter comments.

fklement · March 29, 2019, 4:26pm

I built a little application to display the SSE’s provided from the wikimedia kafka clusters.

Demo: https://darkslategray-dental-vicuna.gigalixirapp.com
Code: https://github.com/fklement/wikipedia_live_view

https://twitter.com/FelixKlement/status/1111654030948925440

AstonJ · March 29, 2019, 4:46pm

Love it

outlog · April 2, 2019, 7:52am

https://twitter.com/_zorbash/status/1112859727845904385

toranb · April 3, 2019, 12:01pm

I recently open sourced my first Phoenix LiveView app (tests included) for those interested in learning more

Exadra37 · April 3, 2019, 7:37pm

Comparing liveview with NodeJS:

https://twitter.com/gabrielgiord/status/1113236638774308864

maz · April 3, 2019, 9:05pm

Not mine:

outlog · April 4, 2019, 2:39pm

https://twitter.com/DanCarlito/status/1113586521762930688

AstonJ · April 4, 2019, 2:42pm

Phoenix LiveView Ant Farm

Rendering 500 concurrent ants

https://phoenix-liveview-ant-farm.herokuapp.com

By @bigardone

bigardone · April 4, 2019, 3:28pm

Thanks for the mention

kblake · April 5, 2019, 4:10am

https://twitter.com/kblake/status/1113936890661457921

AstonJ · April 5, 2019, 5:10pm

https://twitter.com/clarkkampfe/status/1110910055535312900

github.com

ckampfe/rere/blob/master/lib/rere_web/live/rere_live.ex

defmodule RereWeb.RereLive do
  use Phoenix.LiveView
  use Phoenix.HTML

  def render(assigns) do
    ~L"""
    <form phx-change="parse" style="display: inline;">
      <input style="float: left;" type="text" name="regex" value="<%= @regex %>" placeholder="Regex..." />
      <input style="float: right;" type="text" name="input" value="<%= @input %>" placeholder="Input..." />
    </form>
    <%= Phoenix.HTML.raw @result %>
    """
  end

  def mount(_session, socket) do
    {:ok, assign(socket, regex: nil, input: nil, result: "")}
  end

  def handle_event("parse", %{"regex" => regex, "input" => input} = q, socket) do
    case Regex.compile(regex) do

This file has been truncated. show original

mikemccall · April 6, 2019, 7:47am

Thought I’d get in on the live view action. Here is a stopwatch app build with live view loosely based on iOS Stopwatch.
https://fierce-waters-36628.herokuapp.com/
56%20AM