Phoenix LiveView for web developers who don't know Elixir.

[@neilclay5835]

You had me at "avoiding all the front end technologies"

[@zed9zed]

You have a rare talent for teaching. This is by far one of the best tech/how-to videos I've seen... and I've watched very, very many across multiple languages and frameworks. The only very tiny suggestion I would make is to change your expression "key" and "key in" to "type" and "type in". "key in" is a rather antiquated expression. Also, since so much development involves key/value pairs, it's probably good not to use the word "key" in places like this where there is a better option :).

[@gerardopadilla8527]

😮m

[@metric152]

You clearly know your audience when you opened the network tab and showed the traffic coming back to the browser. Good job man.

[@ivovicente9811]

This introduction was really nice and get me hooked from the beginning, thanks for sharing.

[@adamthekiwione]

I've been pondering starting a YT channel to produce engineering content; wow, this was the best piece of developer-centric content I've ever viewed. :clap:

[@selgesel]

This is probably the most spot-on introduction video I've ever watched. You caught on almost every argument or question I came up with, even when I thought of spinning up a project and inspecting the network and the DOM. I'm getting more and more excited about Phoenix and Elixir in general, so I'll definitely give this a go. I'm still concerned about the organization of the HTML templates, I feel as if they would quickly turn into a nightmare, but that might not just be the case. Only one way to find that out: make stuff.

[@PreRendered]

People should hire you to develop compelling presentations if they don't already. You perfectly buried the lead to whet our appetites and then delivered a satisfying answer. That's damn rare on KZbin. Thanks for the education!

[@RsZ789]

Your teaching style is so clear and concise I'm tempted to spend the money for your course, haha

[@PreRendered]

Since my last comment on this video, I purchased and have watched about half of James' course on Elixir and Phoenix. It is one of the best courses I've taken. Super thorough, well-paced, and explained in a manner/order that you rarely get from online courses. If you are looking to learn this "stack," I highly recommend purchasing the course. It's worth the money and then some.

[@lifelover69]

Despite having very basic understanding of web development, I could understand everything in this video clearly. Thank you!

[@Bob-xy6gt]

like all the other comments I was really blown away by how remarkably effective and clear your video was - thank you for a great resource! I’m excited to go through your channel!

[@planszulting4680]

One of the best videos about programming I’ve seen. Hats off.

[@lafatmee]

Fabulous video, as a web dev who prefers Elixir, this was the perfect intro to LiveView

[@orebelo]

Great video! I'm devops and I was looking to see Elixir in action and best of all with Phoenix together in the same package without knowing Elixir... Wonderful!! Thanks

[@samulevy]

Congrats for the best intro to LiveView on youtube until now!

[@nesocode]

Thank you, I am learning Elixir right now and this is first video on LiveView that maked sense for me.

[@fazex4185]

I really enjoy your teaching style. Getting into Phoenix and having trouble finding good tutorials but this hit the spot

[@user-wc1sm8cj8s]

Very well explained, thanks for this. I'm actually thinking of getting into elixir/phoenix, and now I'm convinced.

[@alessandroscimone5463]

Stupefacente! 2 anni dopo ma ho avuto l'illuminazione! Grazie! Amazing! 2 years later but I got the enlightenment! Thank you

[@samiullahsheikh5015]

Amazingly explained the complex concepts in a much much simpler way

[@billtate1684]

Excellent. Your training course on Elixir and Phoenix is fantastic as well.

[@joakimeskils335]

This is amazing. Extremely good explanations and nice use of illustrations. Subscribed!

[@kim15742]

"This is crazy", well you've perfectly captured my thoughts, but I am always open to new ideas. Great video!

[@hariyadimaramis6226]

very undestandable and easy to munch video with detailed and great explanation....good work

[@kkonline1980]

Dude you are awesome, the explanation and demo really drives the point home without me cracking my head. You have a talent of presenting a seemingly difficult concept with easy such that a 5th grader can understand :) keep giving back to the community.

[@texaslinux]

This presentation was glorious. Thank you!

[@chengzhiyang8176]

Wow, Thank you! you solved my long time question about choosing from single app vs multi-page app vs frame

[@kurshadqaya1684]

Thank you very much. This is one of the best overview I have watched.

[@CripplingDuality]

This is simply fantastic. Very well-explained, and no cruft!

[@Metruzanca]

This is an amazingly well made intro to liveview (& elixir)

[@segwaydave]

Thank you for putting this together! Well done!

[@lhd7105]

Wow, very very very very nice explainer, thank you for doing all the hard work to make things simple for us newbies.

[@NoahNobody]

Good job. As someone browsing this technology, you have me interested to learn more.

[@cruzfarfan1284]

Bravo. Best explanation I’ve seen on the subject

[@j.r.4718]

Thank you for sharing this! Super helpful. You almost sound just like Guy Raz on How I Built this.

[@deepvakharia3119]

Very well explained with simple example

[@MrAverageViewer]

Fantastic!! Your animations make it much easier to understand!!

[@albertoginelsalvador2172]

So well explained! thanks!

[@tylersustare]

This was super awesome for getting the "how" in a really nice, digestible way. Successfully subscribed 🔔

[@ninjarobotpirate]

In case anyone is following along in 2022, mount now takes three arguments: params, session, and socket

[@jamievaughn9845]

Thank you, saved me so much time trying to debug!!

[@jasonpaden8641]

Thank you!!

[@rapidsnailshellzz]

God BLESS you the key error I was getting in no way implied that there was somerthing wrong with how I was parametising the mount function

[@silverdr]

I agree with previous comments that this is a very well done introduction to the subject. The only thing I am missing is exactly how the dataset changes would be reflected in user's browser when the change is triggered elsewhere. Something you lightly scratched close to the end of the clip.

[@hooshawn]

Very well explained, comment for the algorithm

[@yasam9311]

Good lean instructions, thank you !

[@TN-ec6ec]

Great video! This is super cool; thank you for the introduction.

[@kif11]

High quality content. Thank you!

[@ranska2506]

I really add the arrows you put to point some text it really help. the rhythm is good to. Very well job :thumb_up: :)

[@도둘리-i7k]

All the best!! 🎉🎉🎉

[@jonask.2059]

Excellent video and intro to LiveView! :)

[@Yahyazini]

What an awesome introduction to such an awesome stack

[@sumanth3036]

Awesome presentation. Thanks

[@aniltheblogger]

Really good intro for liveview, thanks.

[@tvanantwerp]

This is a really well-done introduction. Thanks!

[@nomadtrails]

I love this presentation, and I love Pheonix LiveView, but it is not the only alternative to the "server rendered multipage application" "single page app" duality. Next.js is server-rendered and client "hydrated", all written in js/jsx, for example. Or how bout a simple SPA with Svelte using something like Firebase Realtime DB as the back end. Once again, single language, single paradigm, low complexity, extremely high ceiling for UX, with all the same or more low-latency realtime capabilities... I think this is a much more fair comparison, and may get the edge over Pheonix live view in terms of UX vs Complexity, in all honesty. I see Pheonix LiveView more like a vast improvement over websockets in rails.

[@madhuthota375]

Really very nice intro on the technology

[@romenigld]

Explains very nice, congratulations!

[@desireco]

I really enjoyed this video, thank you!

[@hypernarutouzumaki]

How is server-side rendering better than client-side rendering? If only a part of the view needs to change, it can be easily done in SPAs without network latency. Why are you assuming that most people on the internet are on high speed network? And even if they are on a high speed network, network latency is always going to be the biggest factor in the time taken to update a page! Phoenix LiveViews doesn't seem like a valid choice to make in most web development use-cases where data is being updated mostly on client-side rather than server-side. But anyway, great video! I was confused as to whether it would be worth learning Phoenix or not and it seems like you have given me the perfect answer!

[@lufenmartofilia5804]

God tier explanation

[@lpsoldier357]

Amazing video. Thanks

[@aibookclub-g2r]

nicely explained ...

[@LoweHenry]

wow! just wow, thanks for this mind-opening intro

[@friendlyantz]

IF you have and issue with missing @count: mount needs to do pattern matching on 3 args, not 2. first being 'params'. This will fix it: def mount(_params, _session, socket) do ....

[@ThierryPabloSchmidt]

Really good content, thanks. Does someone know, how it compare with livewire from laravel?

[@TheAcadianIsHere]

Brilliantly explained!

[@heygema]

Thank you this is awesome

[@kevinkamau]

Awesome presentation. Does Phoenix Live View automagically fallback to polling when web sockets are not feasible?

[@knowthen]

It can be configured to fallback to do this.

[@KEMBL]

very nice, is it possible to write a stand alone Android application using Elixir/Fenix?

[@rowolta]

Is there any example that you can look/inspect? That is "online" on the Internet?

[@lagiator]

really nice explanation, thanks!

[@mohammedsalman3397]

Great video, but what if you wanted to build a mobile app?

[@Nellak2011]

A few comments. 1. How does this framework differ frim Next.Js? It looks like both do SSR. 2. The phoenix pattern looks like a re-coloring of React Class Based Components. Does Phoenix have a functional analog with hooks?

[@respise]

And for more complex applications - how does modules interact with each others? Thru the common state?

[@ChetanBhasin]

Just getting into Phoenix here. What happens if it's an app with multiple instances for load balancing and one of them goes out and comes back up or if the user is disconnected?

[@ruchirahasaranga8076]

** (ArgumentError) assign @count not available in eex template.

[@solvm1652]

Hell yeah!!! Is this LiveView practice in the course as well?

[@knowthen]

LiveView is still a bit young, and it's being actively developed... so I didn't include it in the course... When LiveView hit's version 1.0, I'm strongly considering adding more videos to include it.

[@solvm1652]

@@knowthen - Gotcha. So, it would be possible to make the voter app in the course using LiveView instead of React, right?

[@knowthen]

@@solvm1652 Yes totally doable, and it would be a much much simpler solution.

[@solvm1652]

@@knowthen Would you be down to include a LiveView Voting app addition to the course anyway? I understand your reservations about it's youth, but these issues didn't stop React and Vue from blowing up. I feel like the entire JS development chain has pulled us through their infancy, API changes, stylistic changes, bugs, collisions and death even. So, I say go for it. Youth and active development is what we digest daily in this JS world. Much Respect! Thanks for all these exceptional resources you're created.

[@spongechameleon6940]

Holy hell bro this is a god tier tutorial. At every step you never fail to mention why you’re doing something, no assumptions are left unexplained and you even pre-empt the FAQs at the perfect time which made this so easy to follow. How the DOM re-renders was the first thing right off the top of my head. So thank you a ton this was seriously an incredible presentation. This tech also looks really cool- you’re telling me I can get SPA-like rendering but manage state on the backend instead? Sold 🤣

[@karanmadhukar8849]

Excellent intro

[@petrtcoi9398]

Hi. Thank you for the video. It’s great. But one thing is not clear for me: Can you help with socket=assign in handle_event function. Does it breaks the immutability rule?

[@wassamness]

Very good introduction.

[@siyaram2855]

What's your thoughts on Hotwire? With AnyCable?

[@siyaram2855]

Great video! What software do you use to make the animations? Keynote?

[@Jan-yn4tl]

Single page app is sick with with all its dependences which breaks over time with every needed update, simple mistake in frontend that might break the whole app, The technology overhead.. speed problems, SEO problems,.. super expensive. This is awesome. Simple, less code exposed, less code to ship, less code to maintain. Now I need to lear how ;)

[@camstuart]

Really well produced video! I'm thinking about doing your elixir/phoenix course. does it also cover liveview?

[@knowthen]

Thanks for the kind words! It doesn't include liveview at this point, mostly because liveview is still very young and I suspect there will be quite a few breaking changes to it before it reaches v 1.0

[@SamOween]

We made it to 1.0

[@Alex1611AD]

For you Elixir veterans out there, I'm finding the Elixir syntax to be quite daunting and unintuitive. Is this a normal feeling for a beginner? Will it get better over time? Also, things seem very verbose. At least in this example.

[@kim15742]

What about the latency between firing an event and it being handled on the server? Unfortunately for my current project LiveView is not an option, because it relies on the synchronicity with the DOM render, but I'll consider LiveView in the future

[@teijiw]

What's your editor font? Great video!

[@knowthen]

Source Code Pro

[@gerhardsteenkamp562]

Excellent!!

[@funtret12]

is this similar on how livewire for laravel works?

[@electronicdementia9050]

Hey, know then website isn't working bro. Anyway you can help?

[@joselodev]

Thanks for share it, btw your course includes LiveView features??

[@buttonsplaymusic4896]

Just installed on Windows, but when Erland opens and I try to 'mix phx.new' I get the error: '(CompileError) iex:22 undefined function mix/1'

[@farhad9801]

If it sends the new html on each state change how does it update only the specific part of the dom?

[@lyudmilivanov270]

Great content!

[@marco70183]

would do you mind explain me mount/2 and mount/3 difference please

[@marco70183]

I'm really sorry, it means arguments function, I hope I be well, Greetings from Mexico

[@skewlines4152]

How does this compare to C# Server-side Blazor?

[@JoonhwanLee]

I am from future, this video will help a lot even in 4 years later 😅

[@ruhtam8971]

Hey, I'm unable to get the CounterLive page, I followed the same steps as you did. I'm getting this assign @count not available in eex template.

[@hkrazy8]

elixirforum.com/t/liveview-argumenterror-assign-count-not-available-in-eex-template/30580/2

[@sortof3337]

Is it realistic for a team of 20 to get a medium sized app from NodeJs to Elixir in a year?

[@shamsartem]

This is amazing. Why so few views?

[@MMMF2023]

FP os still a niche. That's why. Give it some time. :)

[@ankk98]

Million websocket ability is surprising.