The Pragmatic Studio
The Pragmatic Studio
  • 27
  • 195 531
Phoenix LiveView Lifecycle (UPDATED)
We walk through the lifecycle of the LiveView to demystify what's going on behind the scenes. We also look at network traffic to see how LiveView drastically reduces the latency and the amount of data sent over the wire. This is the third video in our Phoenix LiveView course available at:
pragmaticstudio.com/phoenix-liveview
And if you're new to Elixir, we have a popular course on that, too:
pragmaticstudio.com/courses/elixir
Thanks for watching and we'd be delighted to have you in the Studio!
zhlédnutí: 2 886

Video

Getting Started with Phoenix LiveView (UPDATED)
zhlédnutí 8KPřed rokem
Learn all the basics of creating a LiveView in this second video from our Phoenix LiveView course. Get all the source code, setup instructions, exercises, and more videos at: pragmaticstudio.com/phoenix-liveview And if you're new to Elixir, we have a popular course on that, too: pragmaticstudio.com/courses/elixir Thanks for watching and we'd be delighted to have you in the Studio!
What Is Phoenix LiveView? (UPDATED)
zhlédnutí 2,8KPřed rokem
🤔 Curious about Phoenix LiveView? - What is it? - What problems does it solve? - What can you do with it? Here's our take in a 4-minute video for busy, curious developers. It's also the first video in our Phoenix LiveView course available at: pragmaticstudio.com/phoenix-liveview And if you're new to Elixir, we have a popular course on that, too: pragmaticstudio.com/courses/elixir Thanks for wat...
What is Hotwire?
zhlédnutí 9KPřed 2 lety
What is Hotwire and what problems does it solve? Hotwire lets you dynamically update parts of a page in response to user interactions without writing JavaScript. But what does that mean exactly? And how does Turbo Drive, Turbo Frames, Turbo Streams, and Stimulus fit into the picture? We answer those questions in this video. For more on Hotwire, check out pragmaticstudio.com/courses/hotwire-rails.
Phoenix LiveView Life Cycle
zhlédnutí 3,9KPřed 4 lety
We walk through the lifecycle of the LiveView to demystify what's going on behind the scenes. We also look at network traffic to see how LiveView drastically reduces the latency and the amount of data sent over the wire. This is the third video in our 100% free Phoenix LiveView course available at: pragmaticstudio.com/phoenix-liveview Thanks for watching and we'd be delighted to have you in the...
Getting Started with Phoenix LiveView
zhlédnutí 11KPřed 4 lety
Learn all the basics of creating a LiveView in this second video from our free Phoenix LiveView course. Get all the source code, setup instructions, exercises, and more videos at: pragmaticstudio.com/phoenix-liveview Thanks for watching and we'd be delighted to have you in the Studio for the entire course!
What Is Phoenix LiveView?
zhlédnutí 4,4KPřed 4 lety
So what is Phoenix LiveView? In short, LiveView enables you to build Phoenix apps with interactive, real-time user experiences without writing JavaScript. To better understand what that means, in this video we look at a common UI scenario and how LiveView offers a dramatic and game-changing solution. This is the first video in our 100% free Phoenix LiveView course available at: pragmaticstudio....
What Is Absinthe? (Part 4 of 4)
zhlédnutí 974Před 5 lety
Simply put, Absinthe is an Elixir implementation of the GraphQL spec. At its core, you give Absinthe a GraphQL document and a schema (written in Elixir, of course) and you get you back a JSON result. Combine that with the superfast Phoenix framework and you’ve got a robust, high-performance GraphQL API! This video shows you how everything fits together. Find out more about Absinthe at pragmatic...
What Does A GraphQL API Know? (Part 3 of 4)
zhlédnutí 1,5KPřed 5 lety
A GraphQL API is defined by a schema that describes everything that’s possible. The schema includes the types of queries, mutations and subscriptions the API supports. GraphQL clients can introspect that schema. See more at pragmaticstudio.com/tutorials/what-does-a-graphql-api-know
What Can GraphQL Do? (Part 2 of 4)
zhlédnutí 2,1KPřed 5 lety
GraphQL lets you query your data. But getting data from a GraphQL API is different than a query for data from a REST API. In this video, you'll see what GraphQL can do with three operations: * Queries that fetch data * Mutations that change data (create, update, or delete data) * Subscriptions that deliver near real-time data updates See more at pragmaticstudio.com/tutorials/what-can-graphql-do
Create, Build, and Serve Apps with the Vue CLI
zhlédnutí 43KPřed 5 lety
See how to rapidly create, build, and serve Vue.js apps in development and production environments using the Vue CLI. Get a recap of the commands used in the video at: pragmaticstudio.com/tutorials/vue-cli
What Is GraphQL? (Part 1 of 4)
zhlédnutí 11KPřed 5 lety
In this short video we compare a REST API to a GraphQL API using a concrete example so you see how they match up and understand the differences. But what is GraphQL at a high-level? It's an expressive query language for your data. It offers a more flexible approach for working with APIs in a number of ways: * GraphQL lets you query your data and get exactly what you want. Nothing more, nothing ...
A Little Story About the Elm Debugger
zhlédnutí 679Před 7 lety
The new debugger in Elm 0.18 is a game-changer, and a conversation changer! See how in this 3-minute video. And please check out our popular Elm video course! → pragmaticstudio.com/elm
Elm: The Pragmatic Way (Intro)
zhlédnutí 475Před 7 lety
Learn a fresh and fun approach to building reliable web apps using the Elm programming language! → pragmaticstudio.com/elm
Elm Signals In Action
zhlédnutí 1,6KPřed 8 lety
Access the complete 2-hour Elm video tutorial at pragmaticstudio.com/elm-signals
Elm: Signals, Mailboxes & Ports
zhlédnutí 692Před 8 lety
Elm: Signals, Mailboxes & Ports
Elm: Building Reactive Web Apps Tutorial (Intro)
zhlédnutí 2,1KPřed 8 lety
Elm: Building Reactive Web Apps Tutorial (Intro)
How To Write Macros in Ruby
zhlédnutí 2,6KPřed 8 lety
How To Write Macros in Ruby
How to Create, Preview, and Send Email From Your Rails App
zhlédnutí 26KPřed 8 lety
How to Create, Preview, and Send Email From Your Rails App
How To Add jQuery and Ajax To Your Rails App
zhlédnutí 28KPřed 8 lety
How To Add jQuery and Ajax To Your Rails App
Mastering Ruby Blocks Video Course: Enumerable Part II
zhlédnutí 10KPřed 9 lety
Mastering Ruby Blocks Video Course: Enumerable Part II
Mastering Ruby Blocks Video Course: Block Basics
zhlédnutí 19KPřed 9 lety
Mastering Ruby Blocks Video Course: Block Basics
Mastering Ruby Blocks Video Course: Introduction
zhlédnutí 879Před 9 lety
Mastering Ruby Blocks Video Course: Introduction
Rails Scopes (Excerpt)
zhlédnutí 1,7KPřed 9 lety
Rails Scopes (Excerpt)
Learn More Rails - Rails Tutorials - Online Video Course (Intro)
zhlédnutí 292Před 9 lety
Learn More Rails - Rails Tutorials - Online Video Course (Intro)
Learn Ruby - Ruby Tutorial - Online Video Course (Intro)
zhlédnutí 972Před 9 lety
Learn Ruby - Ruby Tutorial - Online Video Course (Intro)
Learn Rails - Rails Tutorial - Online Video Course (Intro)
zhlédnutí 664Před 9 lety
Learn Rails - Rails Tutorial - Online Video Course (Intro)

Komentáře

  • @aldrinalainroncocarrillo8076

    very clean info, thanks !

  • @Serizon_
    @Serizon_ Před 26 dny

    wow!!

  • @treydugas806
    @treydugas806 Před měsícem

    I didn't realize or think to look for this channel! I have purchased and went through several of their courses, and have been very happy with the high quality of all of them.

  • @Kobra8220
    @Kobra8220 Před měsícem

    your tutorials on super! think i have to check out your website to see if yout got more phoenix content there 😃

  • @chillbro2275
    @chillbro2275 Před 3 měsíci

    That was a terrific explanation. Now I can stop learning this JS framework.

  • @viglioni
    @viglioni Před 3 měsíci

    Very enlightening! (pun not intended haha) Simple and direct to the point, thanks :)

  • @dogaarmangil
    @dogaarmangil Před 5 měsíci

    Just great ! That's how server-side frameworks try staying relevant in the age of Jamstack and native clients: find convoluted/complicated ways of justifying server-side UI generation. On top of that, overly complicating things buys job security for devs, what's not to like?

  • @zocratiko
    @zocratiko Před 6 měsíci

    Tirate un CSS guacho...

    • @brunoosella1795
      @brunoosella1795 Před 18 dny

      JAJAJAJAJA cuando te encontrás a otro argento entre los comentarios de un tutorial de programación XD tkm

  • @user-ug3zx5ps2o
    @user-ug3zx5ps2o Před 6 měsíci

    You forgot to handle values >100% and <0% though, correct?

    • @Kobra8220
      @Kobra8220 Před měsícem

      they handle the ui part in their tailwind css so the bar don't overflow, but the numbers aren't handled (they have a tutorial course on their website with the same videos, that's how i find it out)

  • @MarkMcLT
    @MarkMcLT Před 6 měsíci

    I appreciate the clarity of the explanation here. However there is really no explanation of why the use of conventional Rails ajax helpers returning js is problematic. It also seems to imply that sending html to update specific parts of pages (turbo frames and turbo streams) is novel, when in fact this is what jQuery's .load() does. So I'm left wondering exactly what problem this is trying to solve? It seems like the goal is just to avoid using any javascript at all to define dynamic page updates from the server, rather than doing anything to improve app performance. Which is fine, though it also seems to obscure what actually happens under the hood and also (if I understand turbo correctly) makes life harder if you want to load html from the server and also execute javascript once it's been inserted (from the docs, seems to require a stimulus controller). jQuery makes this extremely simple with just a 'complete' callback. So, I have an open mind on this, but so far I'm not seeing how hotwire really helps me as a developer.

  • @user-jx3wr1wf9k
    @user-jx3wr1wf9k Před 6 měsíci

    Is it possible to get CSS files?

  • @somoscode4151
    @somoscode4151 Před 7 měsíci

    This is great. Best tutorial/deep dive I've seen on this stuff..

  • @10Rmorais
    @10Rmorais Před 8 měsíci

    Great video!

  • @gracesoftmedia6670
    @gracesoftmedia6670 Před 8 měsíci

    This is very helpful.

  • @laughingvampire7555
    @laughingvampire7555 Před 8 měsíci

    I think that htmx makes hotwire mostly unnecessary.

  • @PanetMaster
    @PanetMaster Před 9 měsíci

    Genuinely one of the best introductory tech demo videos I've ever watched, and I've watched a few! Thanks a bunch.

  • @ES11777
    @ES11777 Před 10 měsíci

    Great video!

  • @hsider
    @hsider Před 11 měsíci

    Nice introduction video, could you explain the difference between a live view and a live component? Thank you

  • @alexaungtech
    @alexaungtech Před rokem

    Very useful

  • @maxdon2001
    @maxdon2001 Před rokem

    Great video!

  • @juliolinarezescobar

    Awesome explanation 🤩

  • @LifeAndTimesOfPai
    @LifeAndTimesOfPai Před rokem

    This is literally the best video on this topic! Thanks so much for the simple explanation!!

  • @hotdogwater9897
    @hotdogwater9897 Před rokem

    Like many others, I found this video incredibly well put together and concise. Thank you so much, it was incredibly helpful!

  • @Ilyushya
    @Ilyushya Před rokem

    Thank you for your awesome videos! Could you please make a tutorial on auth in liveview?

    • @pragmaticstudio
      @pragmaticstudio Před rokem

      Thanks! We have an extensive tutorial on LiveView auth in our course. 😀

  • @daroay
    @daroay Před rokem

    all these sounds more complex than SPA. Maybe it is not. 🤔🤷‍♂️

    • @hawa7264
      @hawa7264 Před rokem

      And it pretends that the only reason people want to decouple Frontend and Backend exist is speed. That's not the case. I think it's not even the main reason in many cases.

    • @daroay
      @daroay Před rokem

      ​@@hawa7264 If by speed they mean responsiveness I think it kinda is but is not the main reason (at least not for me), my main reason is that it is just natural to have the rendering engine at the front end while the data comes from the backend and render in a MVVM fashion. Rails developers I know want to solve everything with Ruby, as if it was a magic bullet. And their way of thinking is constrained to MVC. In real life (and in software) there is a tool for everything, it is awkward to try to solve every problem with the same framework/tool. Maybe hotwire is great, but it babysits developers to avoid JS when they shouldn't. It seems the time for fat frameworks (like angular or rails) is over.

  • @MEZBAHULAlam
    @MEZBAHULAlam Před rokem

    I really hope this video and channel gain more traction. The teaching method is top-notch and it's evident a lot of effort went into creating this lesson. Thank you so much for making the concept easy to grasp. Your teaching skills are excellent. Many thanks again.

  • @davidshanahan6081
    @davidshanahan6081 Před rokem

    I don't usually comment on videos but I wanted to say how clear and concise this video was. Many thanks!

  • @etienneboutet7193
    @etienneboutet7193 Před rokem

    Very good explanation. Thank you very much

  • @thumbrule
    @thumbrule Před rokem

    I wish more and more people see this video and this channel. This is the way to teach something. I can see how much hard work has been put into creating this lesson. And THANK YOU SO MUCH for that. It makes it super easy for people to understand the concept. You guys are great teachers. Thank you again.

  • @felipehansen4932
    @felipehansen4932 Před rokem

    That was really helpful!

  • @attackemartin
    @attackemartin Před rokem

    thanks for the introduction!

  • @Overbryd
    @Overbryd Před rokem

    Help my lights are OVER 4000!!!

  • @jamesrbrindle
    @jamesrbrindle Před rokem

    I originally learned Ruby & Rails via one of your courses back in 2014. I’m trying to write a site that has an audio player that I need to keep playing during page changes. I want the URL to update so that people can bookmark the page but so it only loads the full page if accessed from an external click. Is Turbo Drive the right tool nowadays?

  • @AlexanderSuraphel
    @AlexanderSuraphel Před rokem

    One of the best intros I've seen. I hope you keep making more!

  • @tatawhillman3783
    @tatawhillman3783 Před rokem

    Thank you very much sir. This was most helpful, you’ve given me a great insight into rails.

  • @pandaDotDragon
    @pandaDotDragon Před rokem

    Useful introduction. I was expecting a lot from Phoenix LiveView, disappointed to still see html & css....

  • @pandaDotDragon
    @pandaDotDragon Před rokem

    Thank you, crystal clear introduction 🙂

  • @shubhisingh6158
    @shubhisingh6158 Před rokem

    How can we add css to it? I need help in that part

  • @QasimAli-vm3dm
    @QasimAli-vm3dm Před rokem

    Thank you. This is so helpful.

  • @siyaram2855
    @siyaram2855 Před rokem

    Do you still recommend Elm?

  • @dencam
    @dencam Před rokem

    Please create a Rails 7 tutorial playlist

  • @dencam
    @dencam Před rokem

    This was a quality video, even in 2022 it is still applicable

  • @Karthik-yy6up
    @Karthik-yy6up Před rokem

    Thank you so much, this is awesome!

  • @Ihavetoreturnsomevideotapes

    is it island architecture that live view is following

  • @shubhashshivade6658

    Plz make more videos

  • @KirillKovalevskiy
    @KirillKovalevskiy Před rokem

    Great explanation! Thank you. I appreciate the life cycle diagram on the beginning and also display on what is happening on the wire.

  • @cindrmon
    @cindrmon Před 2 lety

    istg, ruby on rails has got this ahead for most, if not all, fullstack frameworks of different languages. i'd wished i'd work with ruby on rails sooner cuz woww! thanks for that nice hotwire in 6 minutes video, really makes me more inspired to use ruby on rails even more!

  • @neo435
    @neo435 Před 2 lety

    Why do i feel like it's the same person doing two voices

  • @pixels9546
    @pixels9546 Před 2 lety

    nicely, described

  • @user-lz2hi5qz6j
    @user-lz2hi5qz6j Před 2 lety

    Thenks a lot! I've figured out my questions.