CodeSync

CodeSync

LiveView and Web Components

Comments welcome! View the code-sync tag for more Code Sync talks!

Showing Posts 1 to 1

DaAnalyst

DaAnalyst

.. plus, assuming you need some client-side state dependent template rendering in an actual Phoenix LiveView app:

  • shadow DOM + id a must unless you want to use the phx-update="ignore"
  • importing (a copy of) the tailwind sheet and having the render root adopt it when you need the same styling as throughout the rest of the app
  • in dev, listening to app.css getting changed by tailwind and rebuilding app.js if you need to add tailwind classes to custom elements that don’t yet exist elsewhere on the fly
  • writing your own directives to supplement Lit (e.g. for window events)

Web components are truly awesome because there’s virtually nothing you can’t do client-side in an elegant and future-proof way.

— All posts loaded —

Where Next? Top

Trending in Talks Top

ElixirConf
Elixir’s Configuration Layers: A Visual Journey - Stephanie Lane | ElixirConf US 2025 Comments welcome! View the <span cl...
New
ElixirConf
Introducing Elixir Observer - Juan Manuel Azambuja | ElixirConf US 2025 Comments welcome! View the <span class="hashtag-i...
New
ElixirConf
Leaving a BEAM cluster (basically) unattended for 2 years - Yuri Oliveira | ElixirConf US 2025 Comments welcome! View the...
New
ElixirConf
How LiveDebugger makes your life easier - Krzysztof Nalepa | ElixirConf US 2025 https://www.youtube.com/watch?v=MzvauYjQgdQ Comments w...
New
ElixirConf
Stranger Domains: Embedding your app across the web - Nathan Hessler | ElixirConf US 2025 https://www.youtube.com/watch?v=ljx3uDsy9Rg ...
New
ElixirConf
Lightning Talk: Jacob Swanner - Put your Scaller (Named Correctly) | ElixirConf US 2025 Comments welcome! View the <span ...
New
ElixirConf
Beyond Safe Migrations: Better Practices for Ecto + PostgreSQL - Joe Harrow | ElixirConf US 2025 Comments welcome! View t...
New

Other Trending Topics Top

JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
mcass19
ExRatatui lets you cook up rich terminal UIs in Elixir, powered by Rust’s ratatui via Rustler NIFs. Build interactive terminal applicatio...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge &amp; Solve. They are GUI (Emerge) and State management (S...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews