stryrckt

stryrckt

I’m excited about the new LiveComponents feature in LiveView, but I haven’t seen much written on it, so I decided to write a couple of articles based on a talk I gave at our Portland, Oregon Elixir meetup. The first article is an introduction to LiveComponents and is available now. The second one will be out later next week and walk through a more elaborate example.

You can find the first article here:

First 8 of 8 Posts Switch mode

phoebe

phoebe

Thank you, bookmarking this!

imartinat

imartinat

Hi,

Could you please update the mount definitions in the LiveComponents to contain only the socket? (Phoenix.LiveComponent — Phoenix LiveView v1.2.5) . If we follow your article, and add internal state to the LiveComponents, it doesn’t work : Livecomponent: assign @value not available in eex template. Why such behaviour? - #8 by Softknobs
Thanks.

stryrckt

stryrckt OP

Thanks for pointing that out. It is fixed now.

stryrckt

stryrckt OP

I have just updated the article and code to LiveView 0.6.0.

stryrckt

stryrckt OP

I have updated the article and code to LiveView 0.13.3.

sodapopcan

sodapopcan

In the third code example you have: ~L"\"" (note the backslash). That’s a typo is it not?

sodapopcan

sodapopcan

PS, really, really helpful article. I just got started with Phoenix a few weeks ago.

stryrckt

stryrckt OP

Glad you found the article helpful! Yeah, that was a formatting issue. Tehanks for letting me know. It is fixed now.

— All posts loaded —

Where Next? Top

Trending in Guides/Tuts Top

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
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge & Solve. They are GUI (Emerge) and State management (S...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
ausimian
Emily is an Elixir library that runs Nx computations on Apple’s MLX. Install it as the default Nx backend and Nx, defn, Axon, Nx.Serving,...
New
wintermeyer
There are three potential reasons for members of this forum to have a look at https://vutuv.de You are tired or annoyed of LinkedIn. Yo...
New

We're in Beta

About us Mission Statement