https://github.com/paulstatezny/live_view_unique_ids

An example Phoenix app demonstrating why it's important to maintain unique IDs on DOM elements in LiveView
https://github.com/paulstatezny/live_view_unique_ids

Last synced: 5 days ago
JSON representation

An example Phoenix app demonstrating why it's important to maintain unique IDs on DOM elements in LiveView

• Host: GitHub
• URL: https://github.com/paulstatezny/live_view_unique_ids
• Owner: paulstatezny
• Created: 2024-10-30T17:33:30.000Z (16 days ago)
• Default Branch: main
• Last Pushed: 2024-10-30T17:59:05.000Z (16 days ago)
• Last Synced: 2024-10-30T18:40:35.687Z (16 days ago)
• Language: Elixir
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# LiveView Unique IDs Demonstration

Steps:

  * Run `mix setup` to install and setup dependencies

  * Start Phoenix endpoint with `mix phx.server` or inside IEx with `iex -S mix phx.server`

  * Visit [`localhost:4000`](http://localhost:4000) from your browser

  * Follow the instructions on the page

  * See `page_live.ex` to examine what's broken - the `id="non-unique"` specifically

# Video

Here's a video demonstrating what happens when you interact with the page:

https://github.com/user-attachments/assets/ac91aba2-381a-46ca-b765-ff1a40222657