Build a real-time Twitter clone in 15 minutes with LiveView and Phoenix 1.5

Chris McCord · 237K views · 2020 · 17:55

Open on YouTube

Functional programmingWeb developmenttutorialdated

Why Hacker News recommends it

HN points people to it as the demo that shows why LiveView and Elixir are worth a look.

What it is

Phoenix creator Chris McCord builds a real-time Twitter-style app live with Phoenix LiveView 1.5 in about 15 minutes. It shows interactive, real-time updates without writing JavaScript.

Recommended by 7 HN commenters across 6 different months, 2020 to 2025.

What Hacker News said

Strong rec realusername · 2020-12 · on “Ask HN: Best Talks of 2020?”

My favorite talk is the Live View twitter demo on my case: [this video] . Never before I've been so bluffed by a new technology, he's building a small twitter clone in 20min with live reload, browser sync and everything, this would take days with any other traditional tech I know.

Strong rec staticelf · 2020-12 · on “Ask HN: Best Talks of 2020?”

I think the "talk" by Chris McCord should apply here "Build a real-time Twitter clone in 15 minutes with LiveView and Phoenix 1.5", while not really a talk this year was special and the demo completely blew my mind. it's available here: [this video]

Strong rec realusername · 2020-12 · on “Ruby 3.0 and the new FiberScheduler interface”

> But I'm wondering if it brings enough other advantages that I shouldn't view it that simplistically. So to start with, Phoenix LiveView really is a game changer, you should have a look at Elixir just for that. This is the talk which really bluffed me when I first saw it: [this video] . For the other upsides, I like a little bit better the way everything is architectured in Phoenix, there's much less magic and it's easier to follow the data flow and what is going on.

Recommends bigbassroller · 2020-06 · on “Ask HN: Go vs. Ruby/Rails for first time indie dev?”

> I don't like the idea of needing to learn both Elixir and Erlang You dont need to learn Erlang to use Elixir, rather you would need to know Elixir to use Phoenix; like you need to know Ruby to use Rails. Also you can build a Twitter timeline clone in under 18 minutes using Phoenix LiveView: [this video]

Recommends mercer · 2020-09 · on “Vue.js Creator Evan You Interview”

This one's also pretty good: [this video] (Build a real-time Twitter clone in 15 minutes with LiveView and Phoenix 1.5)

Recommends sodapopcan · 2021-01 · on “StimulusReflex, or LiveView for Rails”

Even with tooling getting better, you're still faced with creating an API to the backend that has a high chance of your frontend being the only ever consumer of it. You're also faced with duplicating logic on both front and backends in many scenarios (though of course this can be mitigated with a node backend? I don't know... I've never used node). As for latency, this is over websockets. It becomes a problem if you are connecting to a server across the ocean but otherwise, it's incredibly fast and feels just as snappy as JS. I actually also haven't used Stimulus Reflex, just Phoenix LiveView so I'm not sure if they are exactly the same, but the TL;DR is that they are sending VERY tiny paylo

Recommends frellus · 2021-08 · on “Why Erlang?”

Yes and no. The real answer (with an Erlang bias) is to look at Elixir + Phoenix + LiveView. Here's a neat demo. No JavaScript required. [this video]

Recommends dmitriid · 2023-03 · on “Phoenix Dev Blog – Streams”

Liveview solves the "write a fully dynamic and interactive application with next to zero Javascript that you need to write by hand" or, if you will, "server-driven UI apps". And it's hard to overstate, but to also properly explain, how important this is and how it feels like magic when you do it. Because it lets you tap into everything Elixr (and Erlang VM) have to offer on the backend without ever having to think of "how the hell do I bring all that to the client". My use-cases are: a big chunk of data is being processed, and while its being processed regular updates are sent over PubSub. Most actions a user initiates are long-ish-running and their updates are also sent over PubSub. Things