Livewire 3 CRUD with Modal and Form Objects
Вставка
- Опубліковано 19 вер 2024
- A summarized example project from one of our Laravel Daily tutorials.
Original tutorial: laraveldaily.c...
- - - - -
Support the channel by checking out my products:
- My Laravel courses: laraveldaily.c...
- Laravel QuickAdminPanel: quickadminpane...
- Livewire Kit Components: livewirekit.com
- - - - -
Other places to follow:
- My weekly Laravel newsletter: us11.campaign-...
- My personal Twitter: / povilaskorop
I still don't get why most tutorials use some custom implementation of modals instead of using the element. The biggest issue with s is, that child modals would live inside it - with all the mess of teleporting or being restricted by inner sizes. is acting as a 'regular' application feeling with no hassle. i have rewritten the jetstream modal for this purpose and it works like charm. if anyone is interested, let me know - probably there is still room for improvement.
Can we get the repo for that good sir?
This is great, thanks for the tips. IMHO too much hustle for s simple modal :)
el product-form tengo que crearlo??, ya que con los comando no se crea automáticamente
Thank you for this tutorial. I started using modals on my new laravel 10 livewire 3 project. My issue is that when the modal opens the user needs to click on the first input field. It does not focus on the field automatically and that's annoying. Am I doing something wrong or is that just how it works?
Better than use custom modal or require component modal like on this video ?👀👀
Thanks, thanks, thanks.
Hi Sir, what a recomendation for table in livewire? Can yajra use in livewire?
I would recommend using Filament tables, you can use them outside of Filament, too
Hi, How can I pass a hidden filed input in Laravel Livewire?
Hi, great material. I'm just wondering how to create more advanced forms when in addition to the basic product data there is a relationship between other tables like several prices or product sizes.
I have quite a few of such examples in my Livewire Kit: livewirekit.com/
❤ Its amazing
How do I call the modal without using the button. I mean from class component. Probably after doing some logic and want to display the result on modal
Use js and add a event listener
Hi. How can we show the pop-up automatically on page load in Livewire 3? I want to show some important reminders to specific users in their dashboards. Thank you in advance.
Personally, I wouldn't show pop-up automatically, it's a very bad UX practice, in my opinion. Send emails instead or show some notification on top as alert with bold/color. But not pop-up.
@@LaravelDaily Yes, you are alright. I already communicated with the client about this, but he said to use the pop-up. It is basically to show the daily reminders to managers in their dashboard using a pop-up e.g. Manager 1, you have the meeting with client on 3rd October. When the manager opens his dashboard on 3rd Oct, then pop-up will show the reminder text.
@@MAAZKHAN-xv1lc I assume you are using Livewire so in the mount method add whatever is needed
@@krekas Yes. I think I have done this. Thank you for your help and valuable suggestions.
I really love your work, but can I suggest some examples of projects I want us to do together?❤
Define "together". Currently I'm not looking to expand my team and hire more developers. I do accept project ideas for future videos, but they should be based on how much useful they would be to larger group of developers, not an idea for a single individual project/problem.
@@LaravelDaily could be messy but some some open source community based project where we would have list of 300+ tasks and random people choose random tasks to work on?
I don't have to MANAGE such "mess", unfortunately :) but if anyone starts something like this, I would be happy to spread the message
Puede hacer un update con tomselect o Select2
When we will watch TDD for this video tuts?
When more people ask for TDD tutorials. For now as long as I released something about TDD, the videos had very low viewership rate.
I noticed that the Form object does not make use of Livewire's newest features like Attributes or filling the properties from the model to the form using the fill() method. Was this a deliberate choice? In cases where there are only a couple of attributes, may be simple, but once the number of properties get to a bigger number it may become cumbersome to maintain.
It's a personal preference. On this channel, I already had a few videos discussing new Livewire 3 features and pros/cons.
In this tutorial there is also a unique rule which doesn't work with attributes.
Unable to call component method. Public method [$emit] not found on component
In Livewire 3, the method emit() is renamed to dispatch().
Hi Povilas. Please try and differentiate pronunciation between Model and Modal "mowdal". I see a lot of confusion between these two words by non-native english speakers and often typing of model when they mean modal. Not meaning to be critical when you bring so much to the community
I'm actually having trouble with it myself, was thinking about exact same words the other day. But even if I do as you suggest, I don't think that "mowdal" would be that much clearer. Maybe I should make an emphasis like "mowdAl". Will keep an eye (tongue) on it.
@@LaravelDaily perhaps pronounce it as if two words mow dal ?
@LaravelDaily 'Modal' is pronounced "mow" (as in mow the lawn) -"dəl" (where ə is a schwa, like the first and last syllables of "banana" as pronounced by a native speaker). "Model" is pronounced "mod" (as in the first syllable of 'modern') -"əl". In both cases the stress is on the first syllable.
Or perhaps an easier way to explain it is: 'modal' rhymes with 'yodel', and 'model' rhymes with 'coddle'.
The question is... To use modal or not to use modal 😢
Personally, I'm not a big fan of modals. But for such simple 2-field forms, totally fine :)
@@LaravelDaily ah I see so maybe for small amounts of input but otherwise a whole new page is best 😎
It's a personal preference, in general