Это видео недоступно.
Сожалеем об этом.
Build a Search Bar using Livewire 3 for Beginners
HTML-код
- Опубликовано: 12 авг 2024
- In this video, I'm teaching you how to create an interactive search bar using laravel livewire 3 in less than 10 minutes. Will learn the basics of creating an interactive component using laravel livewire.
HTML template :
gist.github.com/CodingFlick/5...
Livewire 3 website :
livewire.laravel.com/
Boostrap Documentation:
getbootstrap.com/docs/5.3/get...
composer require livewire/livewire:^3.0@beta
php artisan make:livewire SearchBar
-------------------------------------
Time Stamps:
-------------------------------------
00:00 - Project Demo
00:25 - Install Livewire / Init
02:20 - Create Component
04:19 - Implementing Functionality
12:05 - Extra Tip
If you would like me to make more livewire videos, please let me know by liking the video and commenting what you like to learn next.
What is livewire:
Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple, without leaving the comfort of Laravel. (Taken from Livewire Documentation)
Nice video!
Thank you
Wow! loved the way you teach. Need More Videos on Livewire 3 such as
- Custom Login Authentication
- Admin Dashboard etc...
Thank you for watching. I'm glad you like the videos.
Will for sure be making more Livewire videos.
Livewire is love
Thank u so much Yelo, I learned how to make Live Search with Livewire today.
Great vid, thanks
Nice video! Glad to learn more from you. I just got into Livewire and i think your videos is a good start because of clear teachings and great explanation. Already subscribed!
Thank you for watching , I'm Glad the videos are helpful.
Muchas gracias, este contenido es impresionante y muy fácil de entender ♥
Very nice video! There is a way you can expand upon the use of Livewire here. You can add a public users variable to the to the component and either give it a default value or add a mount method to set it. And then just have your eloquent query results go into that public users variable and livewire will automatically have it available for the blade file. The blade file can stay the same. Cheers!
nice fresh livewire 3 video, i can wair for more, than you!
More teachers like you 😂
:)
love it
Wow, I just started using laravel for I think 2 months for school project, and I feel like this livewire is like a cheatcode😂
You made my day ,thank you very much
Glad to hear that
Thanks for your video 👍
Can you increase the font size of the code
Thank you for watching.
Thanks for the feedback, I have increased the font size in the recent videos. Do let me know if it should be bigger I appreciate it.
Yoooo❤️❤️
Nice video💥💥
I'm thumbnail designer and wanted to work with you to grow your channel up🔥🔥
Please are the livewire requests asynchronous? I have a search bar that grabs data from an external API and it takes a few seconds to grab the data. When I type in that search bar and while waiting for it to grab the data, I fill in another part of the form, it waits till the first request is completed before it sends the second request
how can we make a search component to search in multiple models more likely a global search?
what is the responses are out of order?
My biggest question about Livewire & using Laravel PHP on the Frontside is CAN I BUILD an OFFLINE app for IPad, IPhones, Android?
That is, I have a SQL based online database for storing authentication credentials of Users & another table for storing form data submitted from workers out of the office.
In the field users for a company need to fill out a multi-page or views form with text & integer inputs. I need to provide the field users with an app on their devices that can save multiple form submissions locally, like a PWA, without being connected to the server endpoint.
When the device is then re-connected to the internet it will automatically upload all of its forms data back to the server hosted database.
Can Laravel PHP & livewire components handle this task?
If so, how is the User device side form code with its login page delivered to these front end devices?
I know of the different javascript based frameworks which can handle this, but is Laravel PHP with Livewire finally able to achieve this kind of functionality?
From my understanding of your project description, no, it's not possible with livewire only, and things like this are not the intended use case for livewire as far as I'm aware.
You may be able to do this with Alpine js and some custom js to handle local storage and other offline functionality you have and livewire for form submissions. But using some javascript framework with good offline and PWA support is probably the way to go.
Alpine does have the ability to store things in local storage, though I personally have never had to use it : alpinejs.dev/plugins/persist
@yeloCode is there any reason not to use javascript to do this, apart from the fact that you don't want to use JS just because you are a PHP guy. I simply mean is this better in performance? bcz JS is built for these tasks and this livewire seems like a workaround. Can you plz explain.
Thanks for watching.
Main reason for a lot of people using livewire is productivity / speed of development and ease of use, compared to something like vue js or react for simple or crud based applications. Specially if you freelance or work in a small company.
Also if you are a mainly backend php person it's just alot easier to write livewire than js code and maintain it + it's also easier to add new people or interns to the team if you have a small company / startup, if they know php / laravel they should be able to contribute to the team very quickly.
One thing to keep in mind though, is livewire is not a replacement for things like vue or react or any other js library/framework, it can't do everything but it's perfect for crud based operations specially if 90% of your application is static pages and you only need 1 or 2 that are dynamic or SPA then livewire is a great choice.
If you need more or don't like livewire, inertia js is a good alternative. It makes it super easy to work with vue, react or svelt and now is maintained by the laravel team themselves.
@@yelocode thanks, i think i understand.
Promo SM 😆
Iranian?
The accent too obvious 😆?
@@yelocode lol, no you have pretty good accent bro
Thank you for watching bro