How you start writing LiveView

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 พ.ย. 2024

ความคิดเห็น • 86

  • @greven182
    @greven182 10 หลายเดือนก่อน +26

    I'm an experience Elixir and Phoenix / LiveView dev, but followed you because to be honest, pretty high quality content. :)
    LiveView needs / deserves more exposure and that means good content creators.
    Good job! :)

    • @srcrip
      @srcrip  10 หลายเดือนก่อน +4

      Thank you very much! I'm trying to make content online that is a good mix of stuff for experienced and total beginners. It is actually *much* harder to make good content for beginners. Writing to the audience that you are in is much easier, but I think the beginner content is very popular.

  • @jstlroot
    @jstlroot 7 หลายเดือนก่อน +2

    I love quick paced yet complete videos like this one where I just have to pause when I need. It's much better than having to 2x speed like most videos.
    Keep up the great work.

    • @srcrip
      @srcrip  7 หลายเดือนก่อน +1

      Thank you, I spend quite a bit of time in the editing making sure you're not just sitting there watching me write code--which too many screencasts primarily consist of.

  • @webspaceadam
    @webspaceadam 8 หลายเดือนก่อน +3

    Man this was a great intro for me as a webdev with mainly a react background. Getting my feet into LiveView with this tutorial was a great introduction. I am amazed by the possibilities that LiveView and the whole elixir ecosystem provides.

    • @srcrip
      @srcrip  7 หลายเดือนก่อน

      Glad you liked it!

  • @mruizcamauer
    @mruizcamauer 10 หลายเดือนก่อน +5

    Perfect explanation, perfectly timed (not too slow, not too fast)... Thank you!

    • @srcrip
      @srcrip  10 หลายเดือนก่อน

      Thanks!

  • @grimreaperasj
    @grimreaperasj 3 วันที่ผ่านมา

    Great video! Informative, nicely paced, overall very good 🎉

    • @srcrip
      @srcrip  3 วันที่ผ่านมา

      Thank you!

  • @88keyspianostudio76
    @88keyspianostudio76 10 วันที่ผ่านมา

    Great video, thank you for this! Learned a lot and it was just the right pace.

    • @srcrip
      @srcrip  9 วันที่ผ่านมา

      Thanks! Glad to help!

  • @omelettttttteeeeeee
    @omelettttttteeeeeee หลายเดือนก่อน

    awesome showcase / tutorial / overview

  • @yuvrajrathi6012
    @yuvrajrathi6012 8 หลายเดือนก่อน +1

    Please make some more smaller projects in LiveView ! Helps us learn a lot better ❤
    Thanks for this !

    • @srcrip
      @srcrip  8 หลายเดือนก่อน

      Your welcome!

  • @BreakerGandalfStyle
    @BreakerGandalfStyle 10 หลายเดือนก่อน +1

    You actually made the perfect video for my question of the day heading into a new project (Elixir/ Pheonix). Thanks for the awesome work.

    • @srcrip
      @srcrip  10 หลายเดือนก่อน

      You're welcome!

  • @guandrevoigt6007
    @guandrevoigt6007 10 หลายเดือนก่อน +1

    Thank you for the awesome video. Your concise, step by step approach really helped me, being completely new to phoenix, to follow along. Keep up the good work! I'm looking forward to the next one.

    • @srcrip
      @srcrip  10 หลายเดือนก่อน +1

      Thank you so much for the kind comment!

  • @camstuart
    @camstuart 6 หลายเดือนก่อน +1

    This is fantastic! followed along and not only got it working, but I understand what's happening thanks to your clear explanations. I also really like your 'process'. It makes sense to me, and how I would approach building apps in other technologies. Looking forward to more awesome Elixir/Phoenix content. Thanks again Andrew!

  • @Redyf
    @Redyf 3 หลายเดือนก่อน

    I just started learning elixir, the syntax feels clean. It's a pleasure to write code with it, phoenix is in my list of things to learn so your channel will help a lot. Thanks for the awesome content!

    • @srcrip
      @srcrip  21 วันที่ผ่านมา

      Thank you!

  • @thulsadum
    @thulsadum 5 หลายเดือนก่อน

    It's really great work for "just getting started with TH-cam." 😊 Much appreciated.
    One tip: Consider scaling up the code size/font more consistently. I had some problems reading it on my phone. 🙈

  • @RAZR_Channel
    @RAZR_Channel 5 หลายเดือนก่อน

    Back after drilling through some other tutorials... your approach is far better. +1 Sub
    == Update
    Just finished your run through here... 1 small syntax fight over the loop of links (due to elixier 1.7.14)... aside from that... Nice work man... this is what people NEED... Way too many tubers just Racing through things : because they actually : Don't understand... they are typically copying someone else.. so they skip crucial portions. Keep it going this way... you explain everything. Ultimately I think they are Doing WAY too much with ecto.. its like an ORM (which add overhead that does not need to exist)... Although generators are convenient.... People need to understand relations. 1 Tutorial is overriding the default : delete to force it to delete data when a user is eliminated. But most DBs are Archival and while you might delete some... if not handled properly that will collapse a relational DB...

  • @mohammedzeeshan8647
    @mohammedzeeshan8647 9 หลายเดือนก่อน

    Thanks for putting this video. though im new to elixir, this got me a high level overview and got something up and running. wooh!
    Next video suggestions (since you asked at the end of the video)
    → editor setup (for vscode users like me)
    → deployment
    → making reusable components

    • @srcrip
      @srcrip  9 หลายเดือนก่อน

      Glad you enjoyed and thank you for the suggestion!

  • @kokonegde9915
    @kokonegde9915 10 หลายเดือนก่อน

    Fantastic video with very clear explanations which makes it great for beginners. Thanks a lot for making this and other videos and please keep them coming.

    • @srcrip
      @srcrip  10 หลายเดือนก่อน

      Thank you very much for your kind words and support!

  • @RicoTrevisan
    @RicoTrevisan 10 หลายเดือนก่อน

    Excellent, love your teaching style. Specially how you briefly open the hood of LiveView to explain the why of something -- like how `to_form` can be used directly.

    • @srcrip
      @srcrip  10 หลายเดือนก่อน +1

      Thank you Rico!

    • @RicoTrevisan
      @RicoTrevisan 10 หลายเดือนก่อน

      @@srcrip if you’re looking for ideas for your next video 😅, I wouldn’t mind learning how to handle user roles and routing based on that. User is an admin and can access a certain page or user is a member of an org so can access that org’s page…

    • @srcrip
      @srcrip  10 หลายเดือนก่อน +1

      Yeah definitely, that's a good idea! I've been wanting to make a video about the router in more detail.

  • @RizaFahmi
    @RizaFahmi 10 หลายเดือนก่อน

    Thank you for this video. Really need this kind of liveview tutorial. Really appreciate it 🙇

    • @srcrip
      @srcrip  10 หลายเดือนก่อน

      Glad it was helpful!

  • @milostrboljevac1849
    @milostrboljevac1849 6 หลายเดือนก่อน

    Great video Andrew, I've learned a lot! I hope that you are planning on creating more tutorials! Cheers

  • @GabrielDeAlmeida
    @GabrielDeAlmeida 9 หลายเดือนก่อน

    Incredible content! I’m glad TH-cam’s recommendations brought you to me. Will definitely be consuming all of your content. Keep up the amazing work! I wish you all of the success in the world! 🙂

    • @srcrip
      @srcrip  9 หลายเดือนก่อน

      Thank you very much Gabriel!

  • @vaibhav_haibatrao_patil
    @vaibhav_haibatrao_patil 7 หลายเดือนก่อน

    Excellent document till I have found , highly recommended to all new learner !! clear cut detailed information , thanks

    • @srcrip
      @srcrip  7 หลายเดือนก่อน

      Thank you!

  • @FilipeCruz1337
    @FilipeCruz1337 5 หลายเดือนก่อน

    Nice! Helped me a lot man, tks.

  • @joga9665
    @joga9665 10 หลายเดือนก่อน

    Currently learning Liveview with the book from pragprog.
    Looking forward to seeing more Elixir and Liveview content from you.
    Great video :)

    • @srcrip
      @srcrip  10 หลายเดือนก่อน

      Thanks! Feel free to give any suggestions on future topics!

    • @joga9665
      @joga9665 10 หลายเดือนก่อน

      Would be great if you could give some more insights into parts you overlooked or misunderstood at first if any.
      I struggled a little with the (simple form) core component, because I didn't know when these fit and when I should use a plain form.
      Also monitoring and observability in Phoenix seem to be a bit unusual. That would be interesting to me.

  • @dawizze1
    @dawizze1 5 หลายเดือนก่อน

    Keep it up bro! Don't stop.

  • @alessandrochiavari9029
    @alessandrochiavari9029 หลายเดือนก่อน +1

    Hi Andrew, thank you for your video! I am trying to implement a "feed" for my startup and this was perfect to get me started with something that populate new items in a list without refreshing.
    Your way of navigating your system is too cool, do you have a link for that? also the VIM showing the compiling errors in advance is pretty sick... have you considered making a video about your settings? Thank you!

    • @srcrip
      @srcrip  21 วันที่ผ่านมา

      Thank you! I do have a video on my channel about my vim setup but I will make some more content on it in the future. The file manager I use to navigate is called Ranger though.

  • @DevSpresso
    @DevSpresso 4 หลายเดือนก่อน

    Really nice intro. Thanks for that!

    • @srcrip
      @srcrip  21 วันที่ผ่านมา

      Thanks!

  • @AlexanderShelestov
    @AlexanderShelestov 4 หลายเดือนก่อน

    Great tutorial, thanks!

  • @ytclsource
    @ytclsource 10 หลายเดือนก่อน

    This is awesome 🎉 thanks fot sharing

    • @srcrip
      @srcrip  10 หลายเดือนก่อน

      Thanks for watching!

  • @theaveasso
    @theaveasso 10 หลายเดือนก่อน

    Thank you so much my friend

  • @RAZR_Channel
    @RAZR_Channel 5 หลายเดือนก่อน

    Hey Would you mind sharing your final source on this... I'm a noob and can't get this online because many dependency versions are hard to work with... Thanks!.,..

  •  7 หลายเดือนก่อน

    Wow! I think this video just became best content on the topic! I'd like to "Thanks!" in TH-cam but it's not available.
    Btw, cool terminal and vim setup you got there. Would be great to have a video about your setup. 😎 I really loved it! 😍
    And last but not least; the autocomplete that happens in vim is it AI or you have a LSP setup for Elixir & Phoenix?

    • @srcrip
      @srcrip  7 หลายเดือนก่อน

      Thank you so much! I honestly use GH Copilot for 99% of my auto complete. I think it works great.

  • @chrichtonreal
    @chrichtonreal 8 หลายเดือนก่อน

    Really, really nice Lars!
    It’s very good, that you concentrated on the form: how to build it, how to navigate to it and lastly how to stay in it (Single-Page like)
    What comes to my mind for the future:
    edit / delete a link inside this last form.
    Error handling via changesets.
    Using dynamic forms.
    Slots.
    Example of working with a master-detail structure.
    Do you have a hint on how to learn using Tailwind? What resources do you recommend?
    Thanks for all you are doing. Heiko

    • @srcrip
      @srcrip  8 หลายเดือนก่อน +1

      My names Andrew actually but thank you! As for tailwind, I have been wanting to start making some more frontend content. Probably focused on css but talking about tailwind as we go.

    • @chrichtonreal
      @chrichtonreal 8 หลายเดือนก่อน

      That would be VERY nice, Andrew.

  • @stevie_mac
    @stevie_mac 6 หลายเดือนก่อน +1

    This dude is awesome

  • @pdgonzalez872
    @pdgonzalez872 6 หลายเดือนก่อน

    Awesome content!

  • @mintcar
    @mintcar 8 หลายเดือนก่อน

    Perfect timing! I think Phoenix might be perfect for my project and there's not much up to date content on it.
    I'm going to have to rip out Tailwind though. I'm a little worried about what it will mean for future updates if I edit the core components. You said that was ok to do. Do you have experience with doing updates after making changes to core components?

    • @srcrip
      @srcrip  8 หลายเดือนก่อน

      Yes feel free to edit them as much as you want. That's what their there for. If you want to see new versions of the originals you can check a new project out. But the changes aren't often that big.

  • @migotrobert6952
    @migotrobert6952 9 หลายเดือนก่อน +1

    thanks for the live view guidance, will there be a part 2 ?

    • @srcrip
      @srcrip  9 หลายเดือนก่อน +1

      Yes there will be more LiveView content incoming... Probably some different projects though

  • @cryswerton-silva
    @cryswerton-silva 6 หลายเดือนก่อน

    Great video!

  • @dinoanic6717
    @dinoanic6717 10 หลายเดือนก่อน

    Amazing 👏

  • @gregvaughntx
    @gregvaughntx 10 หลายเดือนก่อน

    Your video is very timely for me. I've been using Elixir for quite some time, but now I'm finally digging into Liveview. I'm having to translate some of your OO terminology, but that's not unusual 😀 I did notice that your video seems to be mirrored. The logo on your backwards cap and the clock over your shoulder are backwards.

    • @srcrip
      @srcrip  10 หลายเดือนก่อน

      Thank you Greg! Yeah a lot of people mirror their video cause I think we're more used to seeing ourselves reversed in the mirror... Also helps match up where your eyes are looking at the screen depending on where you put the picture in picture

  • @Gygaweb
    @Gygaweb 8 หลายเดือนก่อน

    Thank you!

    • @srcrip
      @srcrip  8 หลายเดือนก่อน

      Your welcome!

  • @dwylhq874
    @dwylhq874 4 หลายเดือนก่อน

    Awesome! 😍Subbed.🔔
    More Phoenix + LiveView Please! 🙏

  • @TheBrainDunne
    @TheBrainDunne 3 หลายเดือนก่อน

    Nice Intro lol :)

  • @xade8381
    @xade8381 6 หลายเดือนก่อน

    can we create a 3D portfolio using LiveView without relying on JS?

  • @avi7278
    @avi7278 2 หลายเดือนก่อน

    socket is a big global?

  • @landpro28
    @landpro28 10 หลายเดือนก่อน

    great! Could you please explain how do I pass user session information (on socket) into a nested liveView component that isn't specified on the router, so user-auth logic isn't applied and the socket doesn't have user session ctx. Thanks a lot for the good content!

    • @srcrip
      @srcrip  10 หลายเดือนก่อน

      That depends, is this a LiveComponent or a nested LiveView rendered with live_render?

    • @landpro28
      @landpro28 10 หลายเดือนก่อน

      was able to resolve this by explicitly calling this kind of helper from that .live_component - def default_assigns(assigns) do
      %{current_user: assigns.current_user}
      end

  • @johanswork
    @johanswork 3 หลายเดือนก่อน

    leaving a kind comment

    • @srcrip
      @srcrip  21 วันที่ผ่านมา

      I appreciate it!

  • @nasko235679
    @nasko235679 2 หลายเดือนก่อน

    Gotta say man from all the frameworks/languages I've dabbled in, this is by far the weirdest looking one. Reading that code is like reading Japanese to me.

  • @BobTech123
    @BobTech123 17 ชั่วโมงที่ผ่านมา

    Cool Tutorial! Already watched it once and will now follow it with my own code to get my application going.
    I think, you could add this to your Phoenix Playlist? th-cam.com/play/PLg2l12z6YGnlE8ARq5YEPC-0SRE3n9fVh.html

  • @jhalmu
    @jhalmu 2 หลายเดือนก่อน

    Happy to follow you!