mix archive.install hex phx_new

mix phx.new liveview_example --live
cd liveview_example
mix phx.server

defp deps do
  [
    {:phoenix_live_view, "~> 0.17.5"}
  ]
end

mix deps.get

# lib/liveview_example_web/live/counter_live.ex
defmodule LiveviewExampleWeb.CounterLive do
  use Phoenix.LiveView

  def mount(_params, _session, socket) do
    {:ok, assign(socket, count: 0)}
  end

  def handle_event("increment", _value, socket) do
    {:noreply, assign(socket, count: socket.assigns.count + 1)}
  end

  def render(assigns) do
    ~L"""
    <div>
      <h1>Count: <%= @count %></h1>
      <button phx-click="increment">Increment</button>
    </div>
    """
  end
end

# lib/liveview_example_web/router.ex
defmodule LiveviewExampleWeb.Router do
  use LiveviewExampleWeb, :router

  live "/", LiveviewExampleWeb.CounterLive
end

mix phx.server

defmodule LiveviewExampleWeb.FormLive do
  use Phoenix.LiveView

  def mount(_params, _session, socket) do
    {:ok, assign(socket, name: "")}
  end

  def handle_event("update", %{"name" => name}, socket) do
    {:noreply, assign(socket, name: name)}
  end

  def render(assigns) do
    ~L"""
    <div>
      <input type="text" phx-change="update" placeholder="Enter your name" />
      <p>Hello, <%= @name %>!</p>
    </div>
    """
  end
end

live "/form", LiveviewExampleWeb.FormLive