I am looking into replacing a bunch of UI code with Livewire.
The codebase I am working with uses a bunch of Vue.js components to handle things like button groups, “sexy” text input fields (like password visibility toggles), and components for things like slide ins and modals.
We know we will need some javascript to keep some existing functionality.
We have chosen AlpineJs for this task.
So, some of the things I am running into trouble are:
- disabling buttons until all fields are filled in
- assigning classes to elements based off of livewire methods
- executing parent functions that are passed into a child blade component, for example, what a submit button should do
If we have to keep all this functionality in each livewire component, we are going to have a huge code base full of copypasted code.
I think livewire is really cool, but I need to make professional web applications, any tips?
Any examples out there that are more complicated than what Caleb usually demos, like an enterprise example, with modals and all that fluff?