CodeSync

CodeSync

Forum Sponsor

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

CodeSync
Model the work: Real Life workloads with Ash & Oban - Zach Daniel | ElixirConf EU 2026 https://www.youtube.com/watch?v=ZhUfURGmlqY ...
New

Other Trending Topics Top

GenericJam
Edit: 2026 May 15 - This post is archived. Mob is alive!! Main docs: mob v0.7.11 — Documentation A bit of explanation for the slightly c...
New
budgie
A little off-topic, but I feel like people here have a good head on their shoulders. I used to be quite good at making software. Was luc...
New
KristerV
Hey. Is there anyone here who creates agents in their apps? Not talking about using agents, but creating them. I’m finding it pretty diff...
New
mudasobwa
I fully migrated to my own harness from Anthropic/Gemini and I think it’s time to share it. Welcome DSH, the DeepSeek Harness, fully writ...
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

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews