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

slouchpie
Learning Resources>Guides/Tuts/Tips/Info

Using :dns_cluster with docker-compose locally (it can be done)
Warmest greetings, comrades. I recently started using :dns_cluster (GitHub - phoenixframework/dns_cluster: Simple DNS clustering for dis...
#docker-compose#dns_cluster
13 1159 13
New
tfwright
Learning Resources>Guides/Tuts/Tips/Info

LiveView learning application
I thought I’d share a small project I’m working on to gain some familiarty with LiveView in a Phoenix app. Github Repo Deployment It’s...
/phoenix#liveview
15 1756 6
New
sergio
Learning Resources>Guides/Tuts/Tips/Info

Deploy Your Phoenix App on DigitalOcean in 30 Minutes
Hey there, we’re going to walk through deploying a Phoenix app to a DigitalOcean droplet, manually - no tools no nothing. Just straight u...
#deployment#how-to#digitalocean
36 2017 14
New
dgamidov
Learning Resources>Guides/Tuts/Tips/Info

Boostrap 4 + Sass installation in Phoenix 1.3
Hi folks, Just a short instruction. Maybe it will help somebody. https://v4-alpha.getbootstrap.com/getting-started Install boostrap...
/phoenix#bootstrap#sass
34 5213 7
New
kokolegorille
Learning Resources>Guides/Tuts/Tips/Info

How to install an umbrella to a VPS
Hello dear alchemists, There was this question some days ago here about the deployment to a VPS. As I was in the process of deploying t...
24 2066 13
New
hauleth
Learning Resources>Guides/Tuts/Tips/Info

How I configure Vim to work with Elixir without much clutter
Some time ago someone suggested me to write article about how I have configured my Vim to work with Elixir, now there it is: https://med...
#vim#code-editors
35 4088 16
New
anuragg
Learning Resources>Guides/Tuts/Tips/Info

Deployment Guide for Phoenix with Mix Releases
Hi everyone, I’m the founder of Render and we just released a guide to deploying Phoenix apps with Mix releases. Most of it is generali...
/phoenix#deployment#hosting
16 1720 2
New
jswny
Learning Resources>Guides/Tuts/Tips/Info

Flexible Dockerized Phoenix Deployments (1.2 & 1.3)
Hello everyone, I recently redesigned my entire deployment process for Phoenix apps based on Docker. I really like the strategy that I ca...
/phoenix#docker#deployment
56 11494 74
New
fuelen
Learning Resources>Guides/Tuts/Tips/Info

Cond in Ecto query DSL
Hi all! Just want to share a small code snippet which allows writing CASE expressions using macro which is similar to cond. Here is an ...
#ecto
16 1327 3
New
AstonJ
Learning Resources>Guides/Tuts/Tips/Info

How members have set up their Elixir dev environment
With a few questions relating to this recently, I wonder if it might help having a thread where we share how we’ve set up Elixir/Erlang/P...
#development#environment
37 8471 15
New

Other popular topics Top

belgoros
Questions & Help>Questions

Regex question for hyphen match
I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...
#learning-elixir
9 12939 10
New
josevalim
Official Elixir>Proposals

Behaviours, defoverridable and implementations
Hi everyone, One of the features added to Elixir early on to help integration with Erlang code was the idea of overridable function defi...
#official-elixir-proposal
111 22687 35
New
minhajuddin
Questions & Help>Questions

Using List.first instead of Enum.at(0)
I have seen a lot of code which picks the first element from a list using Enum.at(0) instead of List.first. Is there a reason why people ...
#code-style
76 33273 14
New
joaquinalcerro
Questions & Help>Questions

What is the best approach for fetching large amount of records from postgresql with ecto
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 record...
#ecto
126 24587 27
New
axelson
Chat & Discussions>Wikis

Emacs - Elixir Setup Configuration Wiki
This post is a wiki (feel free to hit the edit button near the bottom right of this post to add your own changes!) This post collects co...
#spacemacs#wiki#emacs#code-editors#language-server-protocol
239 45766 226
New
hariharasudhan94
Questions & Help>Questions

What is the best IDE for elixir?
I would like to know what is the best IDE for elixir development?
#code-editors
33 49503 23
New
lk-geimfari
Questions & Help>Questions

The most correct way to read a JSON file
What is most correct way to open, read and parse JSON file with poison? For example if we have example.json file in root of some projec...
23 13679 2
New
fayddelight
Questions & Help>Questions

Installing elixir via asdf shows zsh: command not found: iex
I tried installing elixir 1.11.2 erlang 23.3.4 via asdf in my zsh shell. Enabled the versions locally and globally. When I list them ...
#erlang#asdf
44 16425 17
New
Fl4m3Ph03n1x
Questions & Help>Questions

Learning Elixir, frst impressions ( plz don't kill me ! )
About me? ( if you have nothing better to do than reading about some random guy in the internet :stuck_out_tongue: ) Hello all, this is ...
#learning-elixir
371 25801 61
New
Nvim
Chat & Discussions>Discussions

Elixir vs Python
Elixir appears to be a superior language to Python. I don’t see any advantage of Python over Elixir. Are there any?
#discussion#python#elixir
82 17872 30
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

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

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.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

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.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

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