From Laravel Blade to Vue.js 3: Live-Coding Demo

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

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

  • @Sahrokh
    @Sahrokh 2 года назад +13

    Rally NICE! I could not understand those 20 hours Laravel + Vue courses as well as I got it with 20 minutes of your video!

  • @maginobionrequiem9167
    @maginobionrequiem9167 2 года назад +2

    I've been trying to make this work for 5 entire days. You are a legend, thanks.

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

    here i have something to learn new in regards to laravel , there is a video from this legend : -) , thanks a lot sir

  • @scuraluis
    @scuraluis 9 месяцев назад

    You are the real machine! Thank you mister.

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

    I thought I would see vite In action. Thanks for the tutorial. Very informative.

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

      This is an old video, from "pre-Vite" times.

  • @thisisthelogic
    @thisisthelogic 2 года назад +3

    With composition also there is a option of sintaxe.

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

    Great video, thanks a lot!
    I had a look into your Inertia / Vue / Laravel series - but, you started with an existing Vue project - so I lost track pretty fast.
    This one gave a better understanding when coming from Blade.
    Thanks a lot :)

  • @KhmerHack
    @KhmerHack 2 года назад +1

    awesome video, please keep it up!

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

    Hi Sir... Thanks for the awesome tutorial.

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

    9:10 It's also good practise to write the Vue Components in PascalCase instead of kebab-case, it's in the Vue Docs :)

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

      it looks better like he did it, they blend in better like that

    • @AfonsoPPereira
      @AfonsoPPereira 2 года назад +1

      @@MrDragos360 okay so start writing your name from camel case to dash case then, if it blends so perfectly 😂

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

      You can write both PascalCase or kebab-case in your SFC according to the Vue Style Guide

  • @NareshKumar-ws4on
    @NareshKumar-ws4on Год назад

    great guidance thankyou sir

  • @Daaboo
    @Daaboo 8 месяцев назад +1

    Sitting with vite in laravel 10 and trying to do a toggle on and off button with vuetify inside a @foreach loop in a blade file. Any idea how? Can't find a solution anywhere 😕

  • @rafkewl
    @rafkewl 2 года назад +2

    Have you found a way to work out the Vue3 components registered globally within DOM element inside blade view when using Vite?

  • @markshen3496
    @markshen3496 2 года назад +2

    laravel 9 have vite.config.js, not webpack.mix.js file, how to make the app work in laravel 9. Thanks

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

    Hi Sir... Thanks for the awesome tutorial
    Sir.... how to setup vue js with laravel vite, breeze, and blade

  • @devmozg
    @devmozg 2 года назад +1

    What about SSR and seo compatibility, it works ?

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

    useful, thx

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

    That's great 👍.
    What about SEO if any project develop by this structure as VueJs components loaded later and browsers remain unfamiliar with them untill loaded?

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

    Hi Sir, regarding 4:00, is it possible to have some example of why choosing integer instead of float when storing data for avoiding potential rounding? As i know we should use float instead of integer, that is why i am very exited to take a look on your examples concerning that.

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

      Quickly googled "why money database integer", first result news.ycombinator.com/item?id=20575702

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

      @@LaravelDaily thanks a lot

  • @EL_PANDA_742
    @EL_PANDA_742 2 года назад +1

    @povilas
    It seems you have tried both livewire and vue ... Which one makes you feel comfortable?

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

      For me personally, Livewire is more comfortable. But it's everyone's personal preference.

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

      @@LaravelDaily yeah livewire is so cool to use

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

    AWESOME as usual.
    I am migrating from a 5.8 to a 9 Laravel app using ViteJS. So far so good with the backend, but the front end is a real pain in the ass because of old Vue components. Looks like VueJS 3 has a different syntax, and I am not able to deal with it at all.
    How can I reach you to send like three files, and then you could make a video of it? How does it look?
    Please let me know!

    • @LaravelDaily
      @LaravelDaily  Год назад +1

      Sorry I don't do such personal debugging anymore, my time is very limited these days.

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

      @@LaravelDaily thanks anyway. This vídeo helped me a lot, after all!

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

    would you please check laravel ui and vue global component? after upgrading to vite from webpack the vue global component in laravel blade file not working.

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

      Laravel UI currently doesn't work with Vite, at all, from what I've tested.

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

    What if i wanna use Breeze?

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

    Is transforming the data with ProductResource the same thing you will use Fractal PHP for?

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

    Not related to this video but I'm getting 400 bad request when passing a custom request with invalid rule. Instead showing the validation message, I get that. Do you know what could be happening?

    • @LaravelDaily
      @LaravelDaily  2 года назад +1

      It's very individual, impossible to answer, needs debugging

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

    Shoul we seperate between vue folder and laravel folder or in one folder? Which one is the best practice? Its make me confuse sometime to learn

    • @LaravelDaily
      @LaravelDaily  2 года назад +1

      It's your personal preference, you can do either way

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

      @@LaravelDaily thanks for the answer. it means a lot to me

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

    Please make deep laravel-livewire videos

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

      I've released a full course on "deeper" Livewire: laraveldaily.teachable.com/p/advanced-laravel-livewire

  • @ricko13
    @ricko13 2 года назад +1

    This video got outdated really quick, now everyone uses Vite not webpack