Learning Resources>Guides/Tuts/Tips/Info

LiveView LiveComponents article

/phoenix#blog-posts#liveview#livecomponents
stryrckt

stryrckt

LiveView LiveComponents article

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:

8 comments
/phoenix#blog-posts#liveview#livecomponents
32 2054 8

Most Liked

stryrckt

stryrckt

I have updated the article and code to LiveView 0.13.3.

4
Post #6
imartinat

imartinat

Hi,

Could you please update the mount definitions in the LiveComponents to contain only the socket? (https://hexdocs.pm/phoenix_live_view/Phoenix.LiveComponent.html#c:mount/1) . 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?
Thanks.

1
Post #3

Where Next?

View thread on forum (has 8 responses!)
phoenix
blog-posts
liveview
livecomponents
Home Learning Resources>Guides/Tuts/Tips/Info
/phoenix#blog-posts#liveview#livecomponents
32 2056 8
Last post

Popular in Guides/Tuts Top

siever
Learning Resources>Guides/Tuts/Tips/Info

How to setup vim for elixir development
I just wrote a simple guide on how you can setup a productive elixir development environment in vim. Its really easy, just a few steps. ...
#code-editors#development
9 2211 1
New
OndrejValenta
Learning Resources>Guides/Tuts/Tips/Info

Intophoenix.io - our how-to site for ASP.NET programmers
Me and my boys started a new website specifically designed for other ASP.NET programmers that struggle, as we do, with their transformati...
/phoenix#asp-net
18 1686 7
New
hauks96
Learning Resources>Guides/Tuts/Tips/Info

Kubernetes deployments of Phoenix apps
Hello everyone, I created a deployment tutorial for Phoenix applications with Kubernetes (microk8s) a few months back with the goal of s...
/phoenix#deployment#devops#kubernetes
31 2012 3
New
zenw0lf
Learning Resources>Guides/Tuts/Tips/Info

Building a JSON API in Elixir with Phoenix 1.5+
Hello all! For those wanting to try your hands at Elixir / Phoenix, I wrote a comprehensive tutorial on doing a simple JSON API with sai...
/phoenix#api#json
135 13931 30
New
TwistingTwists
Learning Resources>Guides/Tuts/Tips/Info

Best Practices from LiveBeats App
This is a thread to note down things/best practices encountered in LiveBeats App as I explore the source code. Found this usage of r...
/phoenix#presence#liveview
98 4033 20
New
dmitriid
Learning Resources>Guides/Tuts/Tips/Info

TIL: proper content-disposition to download files with UTF-8 names
This is not a question, but a post for anyone who may need it in the future. Sometimes some browsers may mangle the filename if it’s non-...
#liveview#file-downloading
11 1235 0
New
stryrckt
Learning Resources>Guides/Tuts/Tips/Info

LiveView LiveComponents article
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 ar...
/phoenix#blog-posts#liveview#livecomponents
32 2054 8
New
zookzook
Learning Resources>Guides/Tuts/Tips/Info

Elixir and MongoDB
If you want to use the MongoDB in your next Killer-App-Project, but you did not dare ask because otherwise many would advise you to use P...
#mongodb-driver
16 9061 10
New
AstonJ
Learning Resources>Guides/Tuts/Tips/Info

Share an Elixir or dev-env tip a day
..or as and when you can think of one :icon_cool: This thread my also be of interest: What took you way too long to figure out? :003:
#tips#dev-environment
122 1075 30
New
magnetic
Learning Resources>Guides/Tuts/Tips/Info

Configuring VSCode to use with Elixir and Phoenix Templates
Hey :wave:t3: Elixir community, I’ve been learning Elixir, and working on some side projects. My editor of choice is VSCode, and althoug...
#phoenix_html#vs-code#vscode-elixir#elixir-ls
43 16832 15
New

Other popular topics Top

pmjoe
Questions & Help>Questions

What do you think of Gleam compared to Elixir?
I have a relationship of love and hate with Elixir. Lots of things are just absolutely right, but there are some things that are kind of ...
#programminguages#gleam
24 16555 10
New
openscript
Questions & Help>Questions

How to set up the Elixir SDK in Intellij IDEA with the intellij-elixir plugin?
Hello! Sorry for this astonishing simple question, but I’m really stuck. I try to set up the intellij-elixir plugin, but I don’t know ho...
17 22671 9
New
ycv005
Questions & Help>Questions

BEAM file compliation error after degrading Erlang version from 22 to 21
I have followed this StackOverflow post to install the specific version of Erlang. And When I am running mix ecto.setup then getting fol...
/phoenix#erlang
33 15699 4
New
SoCreat
Questions & Help>Questions

What's the best ide/editor for elixir in 2021?
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
#ide
68 37349 27
New
fireproofsocks
Questions & Help>Questions

Defining Ecto Schemas (PostGres) to use NOT NULL in column definitions
I’m working on defining a simple Ecto schema for a table (in PostGres), but I don’t see where I can define a column as NOT NULL. Conside...
#ecto
29 14078 4
New
lastday4you
Questions & Help>Questions

How to check Elixir version
I wanted to check elixir version in phoenix because i found that my elixir is 1.5 but when i use Enum.chunk_by it said the function is un...
#how-to-question
11 18647 3
New
script
Questions & Help>Questions

Removing spaces and characters from string
If I have a string “1000 cfu/ml” . I want to remove the characters and / and space . So the string is like this "1000" What is the ...
#regex
11 14427 2
New
stefanchrobot
Questions & Help>Questions

How to decode a JSON into a struct safely?
What’s the safe way to decode a JSON string into a struct? I want to avoid calling String.to_atom. Jason.decode can give me a map with st...
#structs#json
29 20780 26
New
rms.mrcs
Questions & Help>Questions

Transform a list into an map with indexes using Enum module
Hi, I need to transform a list of numbers into a map where the keys are the indexes and the values are the original values of the list....
35 32607 9
New
shahryarjb
Questions & Help>Questions

How to convert map to string (separated with ,)
Hello, I have map which I want to convert it to string like this: the map: %{last_name: "tavakkoli", name: "shahryar"} the string I ne...
#maps#strings
15 15491 2
New
Back to top

Latest Phoenix Threads

Phoenix Forum ❯

Learning Resources>Guides/Tuts/Tips/Info

Resources Guides/Tuts ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

AppSignal

Catch errors, track performance, monitor hosts and more.

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement