TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

LiveBeats: Building a social music app with Phoenix LiveView

174 点作者 theanirudh超过 3 年前

15 条评论

chrismccord超过 3 年前
Phoenix &#x2F; LiveBeats author here – happy to answer any questions about Phoenix, LiveBeats, or Fly.io. We had a ton of fun building this. It&#x27;s way more fun to see where folks are connecting to and what kind of pings they get than I would have thought. I also just put out a screencast showing how easy it is to deploy a new phoenix instance on another continent and watch it cluster together with the rest automatically: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=JrqBudJd2YM&amp;feature=youtu.be" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=JrqBudJd2YM&amp;feature=youtu.be</a>
评论 #30180342 未加载
评论 #30181328 未加载
评论 #30180995 未加载
评论 #30188651 未加载
评论 #30182359 未加载
评论 #30179980 未加载
m8s超过 3 年前
Man, how cool is this. I don&#x27;t think people really understand just yet what fly.io is doing with Phoenix&#x2F;Elixir and how it is changing deployment and scaling for multi-region, real-time apps. At this point, I&#x27;m just trying to figure out something worth building to take advantage of this technology!<p>A couple links have been mentioned already, but I&#x27;ll add two more that got me really excited about Phoenix + Fly:<p>1. Chris McCord talking about joining Fly.io and all the cool stuff they&#x27;re working on: <a href="https:&#x2F;&#x2F;podcast.thinkingelixir.com&#x2F;62" rel="nofollow">https:&#x2F;&#x2F;podcast.thinkingelixir.com&#x2F;62</a><p>2. Kurt Mackey talking about Fly.io before Chris joined the company: <a href="https:&#x2F;&#x2F;podcast.thinkingelixir.com&#x2F;56" rel="nofollow">https:&#x2F;&#x2F;podcast.thinkingelixir.com&#x2F;56</a><p>And in case anyone is interested, this is the Phoenix Framework homepage: <a href="https:&#x2F;&#x2F;www.phoenixframework.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.phoenixframework.org&#x2F;</a><p>What a time to be a software engineer, Phoenix + Elixir + Liveview + Tailwind + Fly.io is just so, so exciting.
评论 #30188884 未加载
akoutmos超过 3 年前
I have been using LiveView for over a year now in production applications, and I must say...it has been a breath of fresh air when developing web applications. The amount of product that you can deliver per unit time is unmatchable (in my opinion of course). The ceiling for what you can accomplish with a single tech stack (Elixir in this case) has definitely been lifted considerably.<p>Demo applications such as this show exactly what is possible in this tech stack and should make you question whether you need to make that leap to an SPA. At some point you will possibly need to lean on an SPA tool like Vue or React, but I think that point is now further away with tools like LiveView (Elixir), Hotwire (Ruby), and Livewire (PHP).
评论 #30179347 未加载
RoddaWallPro超过 3 年前
This is great! Thank you for building a more complete reference app.<p>I went to visit some friends before Christmas and one night we used a website to play poker at a bar without bringing betting chips to the bar (site gives you a unique URL for a room, people can join the room &amp; choose a name, then lets you bet from your chip count &amp; withdraw from the total pool if you win, &amp; displays that info &quot;live&quot; to everyone, super simple &amp; convenient!). The site was cool, but buggy as hell and laggy as hell and didn&#x27;t really do what I thought it should do to make it easy to play poker, and I&#x27;m gonna build one for my friends and I to use that works the way I think it should. Phoenix w&#x2F; LiveView (especially running on fly) is the _perfect_ set of tools to use to build it, and this ref app will be really helpful for me. Appreciate it!
losvedir超过 3 年前
Oh, great, I&#x27;m glad to have the LiveBeats app source available to browse now! LiveView is so interesting, but also so different from what I&#x27;m used to, that I often find myself feeling like a novice again wondering where to put files and how things are supposed to work. I&#x27;ve been using LiveBook as a resource, but it&#x27;s kind of a crazy app that might not be reflective of normal use.<p>With esbuild and tailwind as easy to install hex libraries, and phoenix_live_view 0.17&#x27;s new JS module, you can get pretty far without having to get into npm at all! And of course, if you need to use, e.g., react, you can always start using it and the full npm ecosystem like the &quot;bad old days&quot;, but it&#x27;s nice to not have to reach for it immediately.<p>edit: Having just now watched the video, I&#x27;m pretty blown away! Very cool, and very impressive that you can do this without a full-on SPA.<p>[0] <a href="https:&#x2F;&#x2F;github.com&#x2F;fly-apps&#x2F;live_beats" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;fly-apps&#x2F;live_beats</a>
theanirudh超过 3 年前
Chris McCord, who built this app (and author of Phoenix) talked about it on the Thinking Elixir podcast. Excited to learn that many of the learnings that he got when building this app will make its way into Phoenix LiveView.<p><a href="https:&#x2F;&#x2F;podcast.thinkingelixir.com&#x2F;84" rel="nofollow">https:&#x2F;&#x2F;podcast.thinkingelixir.com&#x2F;84</a>
aej超过 3 年前
This is really impressive.<p>If I were tasked with building an app with a similar feature set in another language or runtime Id have to bring in a whole set of technologies and infrastructure that would make it challenging. The killer feature of Elixir (and Phoenix&#x2F;LiveView) is not just that you can do all this in the same app writing backend code, its that the scalabilty characteristics of the runtime mean that you can push it really far once you are live.<p>Im excited to read through some of the codebase as a good example of a LiveView app.
simplify超过 3 年前
Love the effort fly.io is putting into supporting Phoenix. Reminds me of the early Heroku days when they were focused on making Rails as easy to deploy as possible. Betting on Phoenix is definitely the right call.
评论 #30180875 未加载
Karupan超过 3 年前
Before LiveView came around, I didn&#x27;t realise how much I <i>hated</i> building a SPA for very little dynamic interaction in the UI. One can of course sprinkle jQuery&#x2F;Web Components and get stuff done, but for a server rendered app, LiveView has just enough magic to make sense of it as a server rendered component.<p>And the blog posts that the Fly team puts out on Elixir&#x2F;Phoenix is just awesome. All that remains is just finding a project to try it out!
conradfr超过 3 年前
Coincidentally I also released recently a LiveView side project (that got zero traction on Show HN ;) that involves uploading audio files.<p>People are often afraid about the latency but I must say although visitors from all over the world used it I got no feedback about any lag.<p>I&#x27;m looking into their code how the flash is displayed as a toast notification that auto close after a while, as I kind of couldn&#x27;t think of a simple solution to do that.
bicx超过 3 年前
In my previous position at a fintech, I built out our customer support toolkit in LiveView, and it worked extremely well. It&#x27;s not as structured as some frameworks, so you need to spend some time deciding on your own internal architecture, but once I got going, I was very productive.
chrisweekly超过 3 年前
This is fantastic. Thank you for building it, open sourcing it, and sharing it here!
ewuhic超过 3 年前
Am I the only one who is not impressed by the LiveView?<p>2 things that bother me:<p>1) It seems most of these walk-throughs omit the process of actually designing the application architecture (&quot;structure&quot;) so copy-pasting what had already been well-thought over feels organic;<p>2) Once you&#x27;re faced with a more complex (production mission critical) task, the automagic starts to fade and you&#x27;re back to the good ol&#x27; business logic and ui programming.
评论 #30183753 未加载
评论 #30182679 未加载
评论 #30184045 未加载
Sinidir超过 3 年前
The blog site keeps randomly scrolling by itself when i ahve darkreader on.
princevegeta89超过 3 年前
Looks amazing