LiveView Mastery
LiveView Mastery
  • 27
  • 51 439
Deploying a Phoenix Application to Digital Ocean
How to Deploy your Phoenix app to Digital Ocean with Elixir Releases and Docker.
Source code: github.com/or-equals/liveview_mastery/pull/11
---
🔥 I’ve built an expert team at Or Equals that will revitalize your codebase. Use our experience in Elixir and Phoenix LiveView consulting so you can get back to focusing on the business. Schedule a meeting with me, and let’s chat 👉 orequals.com
💻 Pragmatic Studio’s course is the most efficient way to learn Elixir/Phoenix LiveView. Use the course that I use to teach all my apprentices:
➤ Phoenix Liveview Course: pragmaticstudio.com/courses/phoenix-liveview?ref=plicque
➤ Elixir Course: pragmaticstudio.com/courses/elixir?ref=plicque
#liveview #phoenix #elixir #software #softwaredevelopment
มุมมอง: 2 008

วีดีโอ

Liveview File Uploads to S3
มุมมอง 1.6Kปีที่แล้ว
How to add support for LiveView's interactive file uploads, directly uploading to Amazon S3. Links: My Simple S3 Upload and Upload Component: gist.github.com/plicjo/5e5ced381f2b71d69d98b3e48885aacf Official Phoenix Liveview Uploads Guide: hexdocs.pm/phoenix_live_view/uploads.html Setting up Amazon S3: th-cam.com/video/i2JXvgHsV9w/w-d-xo.html 🔥 I’ve built an expert team at Or Equals that will re...
Adding images to a Phoenix application
มุมมอง 1.4Kปีที่แล้ว
How to load images and assets in a phoenix application. 🔥 I’ve built an expert team at Or Equals that will revitalize your codebase. Use our experience in Elixir and Phoenix LiveView consulting so you can get back to focusing on the business. Schedule a meeting with me, and let’s chat 👉 orequals.com 💻 Pragmatic Studio’s course is the most efficient way to learn Elixir/Phoenix LiveView. Use the ...
Simple Strategies for Upgrading Phoenix LiveView
มุมมอง 619ปีที่แล้ว
I wanted to make a video going over the strategies I use to upgrade *across* all the upgrades I’ve done. Now, I know we’ve done a video in the past about specific upgrades for Phoenix LiveView. But, pretty much every upgrade in Phoenix LiveView is difficult to perform because it’s pre-release software. So, I figured a general upgrade guide would be useful! 🔥 I’ve built an expert team at Or Equa...
Creating a Toggle Button in LiveView
มุมมอง 1.6Kปีที่แล้ว
Create a toggle button in Phoenix LiveView 🔥 I’ve built an expert team at Or Equals that will revitalize your codebase. Use our experience in Elixir and Phoenix LiveView consulting so you can get back to focusing on the business. Schedule a meeting with me, and let’s chat 👉 orequals.com 💻 Pragmatic Studio’s course is the most efficient way to learn Elixir/Phoenix LiveView. Use the course that I...
Setup Github Actions for Elixir CI/CD
มุมมอง 1.2Kปีที่แล้ว
Github actions is awesome because it automatically runs tests and checks during a pull request for your project; making your project more reliable. Learn how to implement Continuous Integration and Continuous Delivery(CI/CD) with Github Actions in this tutorial. 🔥 I’ve built an expert team at Or Equals that will revitalize your codebase. Use our experience in Elixir and Phoenix LiveView consult...
Building Twitter with Ash + Creator of Ash Framework (Part 2)
มุมมอง 6Kปีที่แล้ว
Part 2 of Ash LiveView breakdown: With the creator of Ash Framework, @zach_daniel builds a fully-featured twitter clone, along *with* a working admin panel! Link to the twitter clone source: github.com/zachdaniel/twitter Ash's website: ash-hq.org Ash's twitter: AshFramework Ash's Sponser: alembic.com.au 🔥 I’ve built an expert team at Or Equals that will revitalize your codebase. Use...
Is Ash Framework the Real Deal for Elixir Devs? (Part 1)
มุมมอง 9Kปีที่แล้ว
This is part one of a two-parter I filmed with the creator of Ash Framework @zach_daniel . Link to the twitter clone source: github.com/zachdaniel/twitter Ash's website: ash-hq.org Ash's twitter: AshFramework Ash's Sponser: alembic.com.au 🔥 I’ve built an expert team at Or Equals that will revitalize your codebase. Use our experience in Elixir and Phoenix LiveView consulting so you c...
How to upgrade from Phoenix 1.6 to 1.7
มุมมอง 1.8Kปีที่แล้ว
The journey to upgrade Phoenix to version 1.6 to 1.7 is a difficult one; especially since the upgrade guide is incomplete. I made a quick tutorial on this upgrade to alleviate some of the short-comings of the official guide. 🔥 I’ve built an expert team at Or Equals that will revitalize your codebase. Use our experience in Elixir and Phoenix LiveView consulting so you can get back to focusing on...
How to: Easy Caching in Elixir
มุมมอง 1.4Kปีที่แล้ว
We are going over an easy technique to introduce a bit of state in Elixir by caching with an Agent. 🔥 I’ve built an expert team at Or Equals that will revitalize your codebase. Use our experience in Elixir and Phoenix LiveView consulting so you can get back to focusing on the business. Schedule a meeting with me, and let’s chat 👉 orequals.com 💻 Pragmatic Studio’s course is the most efficient wa...
GraphQL vs REST for Elixir Devs
มุมมอง 1.9Kปีที่แล้ว
In this episode of Software Sophistication: - Is LiveView a stable ecosystem? - What is the best approach for GraphQL vs other APIs, like REST, when you have LiveView code? - What’s the best way to integrate the Ash Framework with Phoenix? - Is there a way to implement dynamic events with no JS in LiveView? 🔥 I’ve built an expert team at Or Equals that will revitalize your codebase. Use our exp...
How to Manage Global State in LiveView (Compared to Javascript)
มุมมอง 1.7K2 ปีที่แล้ว
In this episode of Software Sophistication: - Explaining LiveView.JS why this is required and what problems does it solve? - Do you need to multiple region deployment in LiveView, and how should it be done? - How do you handle global state in LiveView in comparison to React and other JS libraries 💻 Pragmatic Studio’s course is the most efficient way to learn Elixir/Phoenix LiveView. Use the cou...
Debug your LiveView App on a Phone with Ngrok
มุมมอง 4162 ปีที่แล้ว
Ngrok is a great tool for demos and troubleshooting. It allows you to open up your localhost server, so that you can access it anywhere, even on a phone! In this video, I take you through how to set up Ngrok and use it to debug on a phone. ngrok.com/ 💻 Pragmatic Studio’s course is the most efficient way to learn Elixir/Phoenix LiveView. Use the course that I use to teach all my apprentices: ➤ P...
Will Phoenix LiveView replace Javascript?
มุมมอง 2.1K2 ปีที่แล้ว
Software Sophistication is a Q/A show about Elixir, Phoenix LiveView, and Software development. In this episode: What is the role of Phoenix LiveView within the Javascript/frontend ecosystem? What VS Code plugins are good for Elixir development? Will Phoenix LiveView replace Javascript? 💻 Pragmatic Studio’s course is the most efficient way to learn Elixir/Phoenix LiveView. Use the course that I...
Learn Dependency Injection to Write Better Elixir Code
มุมมอง 1.6K2 ปีที่แล้ว
In today's episode of LiveView Mastery, you're going to be learning the *dependency injection* design pattern and how to implement it in the Elixir programming language. 💻 Pragmatic Studio’s course is the most efficient way to learn Elixir/Phoenix LiveView. Use the course that I use to teach all my apprentices: ➤ Phoenix Liveview Course: pragmaticstudio.com/courses/phoenix-liveview?ref=plicque ...
Testing Elixir code with Wallaby
มุมมอง 1.2K2 ปีที่แล้ว
Testing Elixir code with Wallaby
Phoenix LiveView Crash Course
มุมมอง 7K2 ปีที่แล้ว
Phoenix LiveView Crash Course
How to Deal with a Bad Boss in Tech
มุมมอง 1932 ปีที่แล้ว
How to Deal with a Bad Boss in Tech
How to Install Alpine.Js in a Phoenix app in 3 Minutes
มุมมอง 1.5K2 ปีที่แล้ว
How to Install Alpine.Js in a Phoenix app in 3 Minutes
How to start software testing. And why you need to know how.
มุมมอง 1932 ปีที่แล้ว
How to start software testing. And why you need to know how.
The fastest way to learn Phoenix LiveView
มุมมอง 2.5K2 ปีที่แล้ว
The fastest way to learn Phoenix LiveView
How to install Tailwind CSS in a Phoenix app
มุมมอง 1.2K2 ปีที่แล้ว
How to install Tailwind CSS in a Phoenix app

ความคิดเห็น

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

    Great video, esp. talking about the human side of building products, i.e. soft skills.

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

    I concur, their course is fantastic. It was THE course that made everything "click" for me. Best investment ever.

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

    usefull video ❤🎉 and gorgeous

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

    too bad there aren't any Ash Framework courses or tutorials

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

      Actually this is a good idea. How much do you think you can pay for such course/ tutorial?

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

      @@delamberty up to 400$ depending on the quality of the course and if it will go trough all ash features.

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

      This is great to hear. I will start publishing a few tutorials for Ash. Do you prefer video or written course?

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

      @@delamberty Great! of course sceencast would be great!

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

    i needed this so much

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

    no link to source code?

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

      Here's the blog post version with code snippets: blog.appsignal.com/2024/03/19/direct-file-uploads-to-amazon-s3-with-phoenix-liveview.html

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

    Thank you it was helpful to 🎉🎉

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

    Thank you! This was very helpful for my own project.

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

    In phoenix 1.7 we can now do this: <img src={~p"/images/puppies-are-cute.svg"} class="max-h-20" title="A puppy image" /> thanks to verified routes (the ~p sigil)

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

    Host called F5 networks a "startup" in the intro lol. Glad the guest clarified they've been around since before 2000.

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

    Sounds like the Naked Object pattern with appropriate off-ramps. Interesting.

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

    if you can share the github repo would be cooler

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

    Hey Josh, loved your TDD presentation. Are we getting any new content from you on this channel soon?

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

    best video i've seen on TH-cam on Phoenix LiveView. i can see the power, but what are your thoughts on Ruby on Rails + Turbo 8? i've experimented with and am not a huge fan of Turbo 7, but Turbo 8 seems even easier than Phoenix LiveView. i'm trying to go for the stack that will be more productive for me in the long run, but at the moment i don't know Elixir at all, and while i heard Phoenix is productive and loved, it looks very verbose compared to Rails.

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

    2:45 .. yep, that's exactly why I've started to learn Elixir .. I have enough of JS madness. I'll still use Vue but not much more than that.

  • @felipe-rodriguees
    @felipe-rodriguees 10 หลายเดือนก่อน

    Maybe can you bring how to use live components, i mean, its a hell for me to use modals woth form, if you bring a video about its goin be awesome

  • @user-lv2rj3oi3d
    @user-lv2rj3oi3d 10 หลายเดือนก่อน

    Coming from Playwright: I HATE this

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

    how one can setup the staging application? Will the steps be the same (except a new branch and a new app on DO)?

  • @albin-q7i
    @albin-q7i 11 หลายเดือนก่อน

    Who knew Kanye could code

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

    love the video. any thoughts on how to edit / delete directly from the s3?

  • @felipe-rodriguees
    @felipe-rodriguees 11 หลายเดือนก่อน

    maybe you can bring us the way we can configure the right way the S3

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

    Go gator(s)!

  • @adworse
    @adworse ปีที่แล้ว

    Thank you so much for your video! Could you please show a gist with the component? Your editor unfortunately crops long lines of code :)

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

      I dont have the source code anymore sadly

  • @jaeyson
    @jaeyson ปีที่แล้ว

    @liveviewmastery quick question: is the app listening on 443 by default? what are the changes if im going port 80 only? i just want to test out if it's working without using webserver (e.g. nginx)

  • @djsnakeyes
    @djsnakeyes ปีที่แล้ว

    Great tutorial. Super timely.

  • @liveviewmastery
    @liveviewmastery ปีที่แล้ว

    Apologies for the code being small in this episode!

    • @anythingforclicks
      @anythingforclicks ปีที่แล้ว

      Do you know how to deploy a standalone frontend end that connects to a Phoenix backend ?

  • @xp10290
    @xp10290 ปีที่แล้ว

    Great video man.

  • @MatthiasToepp
    @MatthiasToepp ปีที่แล้ว

    The code was a little small for me, making it hard to see.

    • @liveviewmastery
      @liveviewmastery ปีที่แล้ว

      Ok, I will make sure to make the text editor bigger in future videos. Thank you!

  • @EricShans
    @EricShans ปีที่แล้ว

    Thanks so much for this!

  • @liveviewmastery
    @liveviewmastery ปีที่แล้ว

    A good guide for setting up Amazon S3: th-cam.com/video/i2JXvgHsV9w/w-d-xo.html

  • @serpent213
    @serpent213 ปีที่แล้ว

    Great content! Cheers from Germany! 🤗 🔥🔥🔥 ▷ Ash!

  • @TeiKagome
    @TeiKagome ปีที่แล้ว

    Very helpful tutorial ! Would you mind sharing some pointers on how to solve frontend problems that html and css can't handle like the map integration in 0:44 ? Thanks !

  • @believer8091
    @believer8091 ปีที่แล้ว

    Chris McCord spoke of %MyApp.Scope{} at ElixirConf 2023

  • @alditascheplastick8772
    @alditascheplastick8772 ปีที่แล้ว

    Nice talk, very professional setup

  • @gonzalooviedo5435
    @gonzalooviedo5435 ปีที่แล้ว

    Wuoh!!!!!, Ash seems pretty Domain Drive Development

  • @arpanghoshal2579
    @arpanghoshal2579 ปีที่แล้ว

    Thanks this was very usefull. I have done normal uploads but only read about external uploads. Quick questions: * `consume_uploaded_entries/3` would only invoke after the upload was completed on the client side right? If we attempt to submit the form before the uploads are complete the form submission would wait until the uploads are done, is this understanding correct? I see the docs says "For form submissions, it is guaranteed that all entries have completed before the submit event is invoked" (I am guessing that when we do `entry.progress(100)` on the client side js code it informs the live view server process that the file was uploaded successfully.) * We added the "<%= hidden_input @form, :photo_url %>" in the template so that when editing on form submission we receive the photo url in the params, even if no new photo was uploaded. Is my understanding correct? Suggestion: I would would great if you can also add a link to the repo or the code for the other files in the gist, I mean the the live view module that actual has the handle_event callbacks.

  • @educates_ourselves
    @educates_ourselves ปีที่แล้ว

    thank you

  • @pistrie8198
    @pistrie8198 ปีที่แล้ว

    Awesome, thank you for documenting this 🙂

  • @liveviewmastery
    @liveviewmastery ปีที่แล้ว

    I missed one piece. You'll need to add the following to your config/config.exs file: config :your_app, access_key_id: "fake", secret_access_key: "fake", bucket: "fake", region: "your_s3_region"

  • @ldon7319
    @ldon7319 ปีที่แล้ว

    I mean this is great, it really is, but you start the video with the production block all ready. Is there a github link or something, because even though a piece of this is covered, it's kinda hard to fill in the blanks for someone starting out. Is there a course you have (not the pragmatic one....already have that) or something that shows the full code set? (obviously minus any secret keys or personal info)

    • @liveviewmastery
      @liveviewmastery ปีที่แล้ว

      Unfortunately, I do not have this. Since the production code is a bit distracting, I may need to record this again, so that people can look at the source code.

  • @asdf3568
    @asdf3568 ปีที่แล้ว

    LiveView solves the problem with the complexity of SPA's

  • @pixelstriko1642
    @pixelstriko1642 ปีที่แล้ว

    "There's a migration generator." At that moment, the ash framework instantly slipped into my mix.exs, created a new resource and deployed itself on 84 kubernetes nodes 😂

  • @hareshsingh8168
    @hareshsingh8168 ปีที่แล้ว

    Great talk

  • @sawood2010
    @sawood2010 ปีที่แล้ว

    it's a great course. definitly worth it.

  • @ohaizto2
    @ohaizto2 ปีที่แล้ว

    Thanks for the info Elixir community. Keep them going!

  • @tomodiero7524
    @tomodiero7524 ปีที่แล้ว

    I don't want to put you on the spot, but I am asking because I don't know any better, would you code your apps using ash? or just use plain old elixir/ecto etc

    • @liveviewmastery
      @liveviewmastery ปีที่แล้ว

      At this point, I would feel comfortable coding a web application in Ash. Using plain Elixir/Ecto would put a ton of work on you to make a custom web framework for your application. I would always use something like Phoenix/LiveView/Ash.

  • @maxdon2001
    @maxdon2001 ปีที่แล้ว

    Great video!

  • @lcezermf
    @lcezermf ปีที่แล้ว

    Awesome step-by-step, working fine here. Great Job!

  • @Misu9931
    @Misu9931 ปีที่แล้ว

    great video!!

  • @michaellatta
    @michaellatta ปีที่แล้ว

    For multi-region the only real approach is to partition the data for geography and replicate to other regions.