Laravel TALL vs VILT Stack: Explained with Examples

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ม.ค. 2025

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

  • @Xewl
    @Xewl 7 หลายเดือนก่อน +19

    Am I really the only one that works with both TALL & VILT without budging, complaining or questioning? :P
    Regarding choosing a stack when getting into Laravel: It depends on the experience you already have with the front-end library (Vue, React, ..) and if so, go for that combination.
    You'll have a lot to learn in the back-end stack, so if you're already familiar with the front-end stack, it's fine.
    But, to be honest? At least trying out Livewire for a bit, for a personal project, will also learn you _even more_ about how they handle that back-end stack, as they actually use it to make that work.
    Livewire might seem to pull/keep you out of the Javascript eco-system somewhat, but: the combination with AlpineJS is vastly imminent when dealing with more complex components. And guess what AlpineJS mimicks so we don't have issues getting some of the concepts down? (:
    To be fair?
    Don't make a choice at all at first. Try it before you make your mind.
    Also, a tech-stack isn't an identity, it's a tool. Stop making your identity a tool. (That's the same for Linux,Windows,Mac btw)

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

      The power of Twitter: there's now also MingleJS to close the gap between Livewire/JS :)

  • @8infinito8
    @8infinito8 7 หลายเดือนก่อน +9

    VILT developer here!
    I'm in love with VILT stack ❤❤
    About speed: I created my reusable components so for every new project I just change the style of those components and I spare a lot of time.

  • @johnnyw525
    @johnnyw525 7 หลายเดือนก่อน +5

    TALL = Tailwind AlpineJS Laravel Livewire
    VILT = VueJS Intertia Laravel Tailwind (but “Inertia” is there for the vowel really - it’s not something you have to spend long learning)

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

    I am a junior developer with angular experience. I learned Laravel with blade and would prefer livewire, since your learning projects are finished faster with that. But to get a job I would learn both since it augments your chances.

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

    thanks for sharing and it clarifies the confusion.

  • @jcc5018
    @jcc5018 7 หลายเดือนก่อน +3

    I know this gets asked a lot and typically a matter of preference, but you said for larger apps, vue/ react may offer more customizability. But almost any video on the topic typically shows examples that could be done in livewire. So, I am really still at a lost as to what vue or react may do better than livewire. What use cases might prompt a company to switch other than available talent? I know every framework / language has pros and cons but its hard to judge pros and cons if you dont have experience with something. and it would seem silly to learn 3 different tools that basically produce the same result, just to see whats better.
    Are there any definitive or measurable examples of performance, ease of development, or any other matric between the 3 options? If you were designing a project in livewire, what sort of thing might make you want to switch to a different tool? can different tools be used on different sections of the app without conflict?

    • @LaravelDaily
      @LaravelDaily  7 หลายเดือนก่อน +5

      It's hard to create complex examples in both stacks, it takes a lot of time. But we'll see if we manage to find that time with the team and shoot the showdown with comments.

    • @martin.j.osborne
      @martin.j.osborne 7 หลายเดือนก่อน

      @@LaravelDaily It would be interesting to see an example that is easy to implement in Vue but hard (or impossible?) to implement in Livewire (or maybe just very inefficient to implement in Livewire), and another example that is easy to implement in Livewire but hard to implement in Vue (if such an example exists).

  • @SXsoft99
    @SXsoft99 7 หลายเดือนก่อน +6

    The worst part i have about the "full-stack developer" is the fact that EVERYBODY require AWS. It's a DEVOps job to handle that. Their administration panel it shit.
    In regards to the 2 staks, I wrote projects in both. Depending on the complexity of the project i prefer vue especially for making lot of client side operations before buzzing the server with requests

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

      That's why tools like Forge or Vapor exists and are popular.

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

      I second that their management panel doesn't make sense. It's a cognitive load of options and "hidden structures" and "special names" to make something normally very simple work, and if not done right: it won't work (as expected) or just be a wallet drain.
      I know there's some tools out there making it easier, but there's so damn much aws tools, I just can't seem to find it right now. -_-

    • @SXsoft99
      @SXsoft99 7 หลายเดือนก่อน +3

      @@LaravelDaily I still find having a Digital ocean droplet and use something like jinking's to be more straightforward

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

    Can you please tell me when exactly you would use a closure like that? when you filter query for the products inside the livewire component ( Products.php)

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

    There is one more major difference between both stacks and that is SSR. TALL is server-side rendered by default while VILT requires extra setup and that's very important for SEO

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

    Nice video, plz What is your opinion about using Filamentphp as full stack Application that will have large Scale?

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

      In my experience with my projects, I didn't have any issues with Filament, but maybe I haven't worked with LARGE scale as you mentioned it. Can you try to describe a "large scale" application so we would try to simulate it with Filament?

    • @Mr.Error__
      @Mr.Error__ 7 หลายเดือนก่อน

      @@LaravelDaily
      I mean an application that is used by hundreds of thousands of people and receives a large number of requests. Is also is filamentphp suitable for sensitive applications in terms of security and so on? Or is it just a way to create small or medium applications?
      // thanks for reply I am top fan for your content and I am a premium member at laraveldaily website 💗

    • @Mr.Error__
      @Mr.Error__ 7 หลายเดือนก่อน

      ​I mean an application that is used by hundreds of thousands of people and receives a large number of requests. Is filamentphp suitable for sensitive applications in terms of security and so on? Or is it just a way to create small or medium applications?​@@LaravelDaily
      and Thanks for all I am a big fan of your content and I am a member at laravel daily website ❤

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

      So, in your opinion, "scale" is the amount of TRAFFIC. That could be scaled with server hardware pretty easily, no matter the code under the hood.
      Unfortunately, I haven't worked with Filament applications used by 100k people so can't comment or simulate it.

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

      @@Mr.Error__ do you have such application? Doesn't seem like. When it will reach such number of visitors then you will see. Until then you will be fine. Especially when v4 will be released with partial reloads

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

    Nice video Povilas! It would be amazing if you could make a video about Hybridly as well.

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

      Never used it, so can't make a video, sorry.

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

      What exactly would you want about it? It's pretty much the same as inertia. Only that pushes more typescript

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

      @@krekas An introduction video would be nice.

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

    What about RILT? React instead of Vue but with Inertia. Why isn't that mentioned?

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

      That is mentioned in the next video on the channel, the next day.

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

    When Tall or Talt will be released? Lack of stacks

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

    Can you please make a video regarding table partitioning. Please

  • @ShahzadAli-qt7ww
    @ShahzadAli-qt7ww 4 หลายเดือนก่อน

    So should i move towards VILT or TALL for my self learning?
    PS: I have 3 years of experience in Laravel, and almost 0 years of professional experience in any front-end technology (besides learning projects).

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

      Try "Hello world" in both and see which one you like more, then learn deeper.

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

    Can you make a video about sanctum and fortify

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

      I didn't use fortify outside Jetstream ever, to be honest, so can't make a video

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

    How about the camp of Vue + Laravel as a REST API without intertia?
    In the future when you expand your web app to mobile, or maybe create other portals in different domains, you won’t slap yourself in the face.

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

      Yes, that's another option of the stack.

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

    What about select2? in livewire.

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

      Just use the TallStackUI Select component. And the other TallStackUI components...

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

      forget select2. let it rest in peace

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

      @@kreaweb-be google is really shitty at searching if i find about this package from a youtube comment

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

      You can use it, look for wire:ignore in livewire

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

    Make some video for server with laravel and make api response faster when i have huge data

  • @travisricker
    @travisricker 7 หลายเดือนก่อน +5

    VILT is better, here's why. Vue3's composition API has the best syntax of any frontend framework and it is also very intuitive for a Laravel dev to pick up. Vue3 is a cutting edge frontend framework and being able to seamlessly use it with Laravel gives you everything.

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

      How about Svelte instead of Vue?

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

      @@omfgihopethisworks Svelte is good too. I hate returning HTML. Svelte just doesn't have a breeze starter kit.

  • @bojackhorsemanners
    @bojackhorsemanners 7 หลายเดือนก่อน +13

    I hate that Tailwind has gotten so popular, I'm happy with Vue or Livewire they both serve their purposes in the stacks but I personally don't like the whole shift to Tailwind.

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

      same, i mostly only have tailwind cause a lot of packages rely on it, but im starting to swtich to basic CSS styles

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

      why? I'm currently learning tailwind

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

      @@jcc5018 Sounds just about the same "issue" as Bootstrap some years ago. - I'd be happy to hear which packages unwillingly force you into TWCSS except for maybe Filament.

    • @bojackhorsemanners
      @bojackhorsemanners 7 หลายเดือนก่อน +6

      @@salaccarljosepht.8681 ​ It's just my opinion and you should 100% complete learning it and I'm sure it will be beneficial to your career. The reason I don't like it is that it feels like regression. It's hard to read afterwards especially with a bunch of class names wrapping over multiple lines. It gives me the same vibes as just doing inline styling with a little bit less typing.

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

      If you know css tailwind isn’t hard to learn on the fly

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

    laravel and nodejs are not used for backend 😅

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

    Vue has quasar and vuetify.
    And using laravel as backend
    Perfect.

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

    Laravel Hybridly