u/juanpabloajin r/elixir • Recommends
Build a real-time Twitter clone in 15 minutes with LiveView and Phoenix 1.5
0:00 / 0:00
#phoenixliveview#elixir#websockets
Build a real-time Twitter clone in 15 minutes with LiveView and Phoenix 1.5
Chris McCord
4.7K subscribers • 3 videos on Hallway
- Recommended by 8 people: 7 on Hacker News and 1 in engineering communities.
- Presented by Chris McCord, creator of Phoenix
- May be out of date. The tools, versions or practices it shows have likely moved on.
Intermediate. Assumes working knowledge.
237K views6 years ago8 recommendations
Web developmentProgramming languagesElixir and ErlangVue, Svelte, Angular and others
Chris McCord demonstrates building a real-time Twitter clone in fifteen minutes using Phoenix LiveView without writing JavaScript.
With the Phoenix v1.5 release, learn how easy LiveView makes it to build interactive, real-time applications.Why it's here
8 people recommend thisWhat people say. Widely cited as a mind-blowing demonstration of Phoenix LiveView's power and productivity compared to traditional SPA frameworks.
realusernameon Hacker News • Recommends
On “Ask HN: Best Talks of 2020?”
My favorite talk is the Live View twitter demo on my case: link to 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.
staticelfon Hacker News • Recommends
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: link to this video
realusernameon Hacker News • Recommends
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: link to 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.
bigbassrolleron Hacker News • Recommends
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: link to this video
merceron Hacker News • Recommends
On “Vue.js Creator Evan You Interview”
This one's also pretty good: link to this video (Build a real-time Twitter clone in 15 minutes with LiveView and Phoenix 1.5)
sodapopcanon Hacker News • Recommends
On “StimulusReflex, or LiveView for Rails”
…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 payloads over websockets. This video explains it well (though it's also a demo of LiveView): link to this video…
frelluson Hacker News • Recommends
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. link to this video
dmitriidon Hacker News • Recommends
On “Phoenix Dev Blog – Streams”
…View your "client" is an Elixir view living on the server which just updates the view based on those PubSubs (or timers, or Kafka streams, or user-initiated actions, or...) and LiveView takes care of upating the DOM/HTML in the browser. "Build a real-time Twitter clone in 15 minutes with LiveView and Phoenix 1.5" will give a good overview of this: link to this video 1 Built-in in Phoenix, link…
u/pkulakin r/elixir • Mentions
Just went through that Twitter clone tutorial..
Just for anyone who doesn't know:
link to this video
I've got a dead-simple CRUDy side project I decided to use Phoenix for, just because it seemed cool. Never done any Elixir or Erlang before. I'm a Java/Kotlin guy at work. I got a couple of my pages done, and decided to try using the PubSub stuff to update a page in real time.
Wow. Took me like 10 minutes, including the Google search for the video and I had the create and view pages next to each other and updating instantly with no refresh. I can't even properly think about the complexity that would be involved here had I done it the _normal_ way. I'd have just never bothered. This is nuts.
Thanks…
u/LordofCookiesin r/elixir • Mentions
Good projects with LiveView and Phoenix for a newbie
I'm a front-end developer trying to learn Elixir/Phoenix and LiveView, and right now I'm trying to figure out what could be some good projects to start with. I guess I'm not fully aware of LiveView's capability and that's why I have so many doubts about it.
As of now I've followed Chris McCord's Twitter clone and Dennis Beatty Todo List
Any ideas or guides would be great. I appreciate your help!
brobdingnagianson Hacker News • Mentions
On “Birdwatch Overview”
Good place to post the "Build a real-time Twitter clone in 15 minutes with LiveView and Phoenix 1.5" ;) link to this video
dmitriidon Hacker News • Mentions
On “Remix: On Rails”
> 16 years ago, David Heinemeier Hansson (DHH) took the stage and delivered one of the most impressive code demos the world has ever seen. 16 years later there's no tech stack that can replicate this demo (except Elixir LiveView 1). And yet we're told tech has progressed. 1 link to this video
sphon Hacker News • Mentions
On “Dynamic Forms with LiveView Streams”
The Live View demo or the Rails one? :-) Rails, it was this one 17 years ago: link Live View, I'm not sure which is the first demo. There's "Build a real-time Twitter clone in 15 minutes with LiveView and Phoenix 1.5" ( link to this video )
himangshujon Hacker News • Mentions
On “Ask HN: Who is hiring? (August 2023)”
…ooking for full-stack functional programmer interns who could join us full-time. Prior experience in open-source projects and functional programming is plus but optional. Assignment (Waived for anyone with meaningful open-source web experience including but not limited to GSOC) Build an authenticated website on elixir live-view ( link , tutorial link to this video ). After logging, the user name should be displayed on the logged-in page. There should be an icon on the password button to change the password element to text. Bonus points on deploying the code to fly dot io. Interest candidates please email to hh AT hamiltonpractice.com…
vmchaleon Hacker News • Mentions
On “Ask HN: Which functional language for full stack web development?”
I've been impressed but what I've seen of the Phoenix web framework. link to this video On the F# side: "Where are the F# jobs? I've checked the various FP-centric job-sites - they're as barren as everywhere else. It almost seems as if Haskell jobs are more plentiful! Haskell!" link