Quasar Vue.js Tutorial - Let's Build An App!

Поделиться
HTML-код
  • Опубликовано: 13 сен 2024

Комментарии • 54

  • @ProgramWithErik
    @ProgramWithErik  4 года назад +9

    Have you used Quasar in production?

    • @amontomi
      @amontomi 4 года назад +1

      Yes

    • @metalsadman
      @metalsadman 4 года назад +1

      yep, in several platforms.

    • @clustersnake
      @clustersnake 4 года назад +1

      yeah \m/

    • @emdadgar_official
      @emdadgar_official 2 года назад

      @@metalsadman i'm concern about customization ,,, maybe it's like bootstrap ,,, can i replace it for tailwind ?

    • @SergioYT2052
      @SergioYT2052 Год назад

      @@amontomi Hi. Have you used in large web apps? I wonder if VUE+Quasar is pertinent for a 10,000-users-a-day app. Thanks a lot for your response.

  • @RazvanStoenescu
    @RazvanStoenescu 4 года назад +13

    Nice job, Erik! Will share this link on the Quasar community.

  • @lmichaelhuang3
    @lmichaelhuang3 3 года назад

    This is great. Love the density of information. One good nugget right after the other, nice and fast. I hate slow tutorials.

  • @MakeAppswithDanny
    @MakeAppswithDanny 4 года назад +4

    Great job Erik! Where did you get that trick with the key on the router-view at 22:33 and why does this force the page to reload?

    • @metalsadman
      @metalsadman 4 года назад +2

      have read about this sometime ago here michaelnthiessen.com/force-re-render/ same trick that was used in router-view.

    • @MakeAppswithDanny
      @MakeAppswithDanny 4 года назад

      @@metalsadman Thanks! 👍

  • @aislanarislou
    @aislanarislou 4 года назад +4

    Please, make something with Quasar + Typescript and Custom components so we escape a little bit out of Material feel.
    We could test the quasar ability to be customized.

  • @nikitaa_x3980
    @nikitaa_x3980 2 года назад

    Am I the only one, who only hears cute instead of q? It makes it more adorable for sure :D when it is a cute header instead of just a header.

  • @saiprasanthpaladugula356
    @saiprasanthpaladugula356 5 месяцев назад

    Hello Erik, I am working on similar app like this but I am facing many issues. Could you please help me with that?

  • @thegabzboy
    @thegabzboy 4 года назад

    Nice video Erik... thanks. At 22:52 isn't it better to use $route.fullPath as the $route key in case you want to use the same Layout for other pages that do not have an ID param?

  • @dieguinprtg675
    @dieguinprtg675 3 года назад

    I've got a little question: how do you get those characters like the continuous (===) line, the continuous line thing in comments, continuous arrows and stuff?? Besides, for me the code works fine, but it's showing an error in VSCode that says that "name" does not exist in "character" (Literal error: ""Property 'name' does not exist on type 'string'.Vetur(2339)). BTW, it's a great video to learn frameworks, I didn't know about Quasar until now, was programming with just plain old code, no frameworks besides Bootstrap 3 :)

  • @serialKillerReborn
    @serialKillerReborn 10 месяцев назад

    quasar or css?

  • @acesOfGreen
    @acesOfGreen 4 года назад +1

    Thanks Erik for this superb video tutorial. I was able to recreate the exact same app! I am wondering though why sometimes it takes a good few seconds to get data returned from the API. What I am asking is, is there any optimisations you may have left out in this tutorial which is causing this?

    • @acesOfGreen
      @acesOfGreen 4 года назад

      I guess the async for the created lifecycle hook is causing this delay. Adding the spinner makes it better!

    • @ProgramWithErik
      @ProgramWithErik  4 года назад

      Glad you figured it out @! :)

  • @birsingh5388
    @birsingh5388 2 года назад

    How to generate android and ios apps from this, or it’s just a web app?

  • @armyindo4085
    @armyindo4085 4 года назад

    very good. please keep making vidio about quasar framework..

  • @nursultanbolotbek1913
    @nursultanbolotbek1913 4 года назад

    Like the way you using vim. You should defenitely do another video about VIM + vscode.

    • @ProgramWithErik
      @ProgramWithErik  4 года назад +1

      Yes! Vim is awesome, and the vim plugin with vscode works great. I'm pretty good at it

  • @vitiok78
    @vitiok78 4 года назад +1

    Is it better than Vuetify?

    • @MaximilianBerkmann
      @MaximilianBerkmann 4 года назад

      Depends on your use case, they're not fully comparable.

  • @alvinmerano6854
    @alvinmerano6854 4 года назад

    hello sir, how can i importing and using external js libraries in quasar? hope you can help with this. thanks

  • @openedmind3704
    @openedmind3704 4 года назад

    Hey Erik, this series is a great idea, Quasar definitely is something in the Vue ecosystem.
    Btw what do you think / do you have some advice, about the use of Quasar in a JAMstack context, as far as I know it doesnt propose a native SSG solution. Which is pretty surprising.
    And its not related to this video but Ive seen your recent vids about Gridsome and i got some struggling dealing with images when using other stuff like Vuetify and NetlifyCMS.
    Gridsome has this g-image component which allows progressive loading through webpack but it doesnt fit well with the approach of NetlifyCMS (there is gridsome-plugin-netlify-paths to fix a bit of this but still tricky).
    And its getting worse when dealing with Markdown though @gridsome/transformer-remark.
    Besides that, Vuetify has this v-img component with really cool features and this vuetify-loader but doesnt seem to be compatible with @gridsome/transformer-remark.
    For short what should be the best way to deal with images with Gridsome, Vuetify and NetlifyCMS all together?
    Thanks for your support :)

    • @panstromek
      @panstromek 4 года назад

      SSG is being worked on btw. There are some internal discussions on that.

    • @panstromek
      @panstromek 4 года назад

      SSG is being worked on btw. There are some internal discussions on that.

    • @panstromek
      @panstromek 4 года назад +1

      ATM you can hack something manually with SSR or use prerender-spa-plugin, but native solution will come eventualy

    • @ProgramWithErik
      @ProgramWithErik  4 года назад

      Yes, as others have said, it looks like people have been able to get it working with SSG. github.com/quasarframework/quasar/issues/2299
      Interesting combination with NetlifyCMS Vuetify and Gridsome. I need to do another video on Gridsome and try out some more of these plugins and see how they all work together.

  • @muktijani6986
    @muktijani6986 2 года назад

    Nice 👍

  • @annegoncalves9198
    @annegoncalves9198 4 года назад

    Hey! Could you tell me which vs code theme you're using?

    • @GUNGNIRonly
      @GUNGNIRonly 4 года назад

      Looks something like Dracula

  • @aleksd286
    @aleksd286 4 года назад +1

    Oh god, another framework. Great.

    • @ProgramWithErik
      @ProgramWithErik  4 года назад +1

      It's a good one though :)

    • @thomasderidder608
      @thomasderidder608 3 года назад

      Yea but this single framework alone can do that several other frameworks do. Im looking forward to see the evolution of Quasar as the Vue community grow.

  • @independentnavbcdeveloper3342
    @independentnavbcdeveloper3342 4 года назад

    I just hit Subscribe button when I saw Walter White!

  • @FarukZahra
    @FarukZahra 4 года назад

    Vuetify or Quasar?

    • @ProgramWithErik
      @ProgramWithErik  4 года назад +1

      Both!

    • @lamoragame
      @lamoragame 4 года назад +1

      It's like comparing Apples with Oranges. Vuetify is a component library, Quasar is a framework with it's own CLI, Component Set and supports all common modes required for a modern app.

  • @matheusviniciussilvamirand2841
    @matheusviniciussilvamirand2841 3 года назад

    TOP

  • @beganovich
    @beganovich 4 года назад

    clicked because of breaking bad lol