Build a Search Bar using Livewire 3 for Beginners

Подписаться 14 тыс.

Просмотров 11 тыс.

50% 1

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)

Опубликовано:

29 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 31

@HamadAbdulla_7 11 месяцев назад

Nice video!

@yelocode 11 месяцев назад

Thank you

@gloriouser 5 дней назад

Thank u so much Yelo, I learned how to make Live Search with Livewire today.

@punkygamer7668 11 месяцев назад

Wow! loved the way you teach. Need More Videos on Livewire 3 such as - Custom Login Authentication - Admin Dashboard etc...

@yelocode 11 месяцев назад

Thank you for watching. I'm glad you like the videos. Will for sure be making more Livewire videos.

@shubhamsahuSD 11 месяцев назад

Livewire is love

@akramhesham Месяц назад

You made my day ,thank you very much

@yelocode Месяц назад

Glad to hear that

@da1shiq 11 месяцев назад

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!

@yelocode 11 месяцев назад

Thank you for watching , I'm Glad the videos are helpful.

@watchuganado 2 месяца назад

Wow, I just started using laravel for I think 2 months for school project, and I feel like this livewire is like a cheatcode😂

@claudiomenares4172 3 месяца назад

Muchas gracias, este contenido es impresionante y muy fácil de entender ♥

@adangerousmix 10 месяцев назад

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!

@wmafendi 11 месяцев назад

love it

@basilistigris640 11 месяцев назад

nice fresh livewire 3 video, i can wair for more, than you!

@ThisIsTheMatin 11 месяцев назад

Yoooo❤️❤️ Nice video💥💥 I'm thumbnail designer and wanted to work with you to grow your channel up🔥🔥

@ahmedhani4677 11 месяцев назад

Thanks for your video 👍 Can you increase the font size of the code

@yelocode 11 месяцев назад

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.

@favouroladeji3722 3 месяца назад

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

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

how can we make a search component to search in multiple models more likely a global search?

@carmelshores2658 10 месяцев назад

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?

@yelocode 10 месяцев назад

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

@TheBestgoku 8 месяцев назад

@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.

@yelocode 8 месяцев назад

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.

@TheBestgoku 8 месяцев назад

@@yelocode thanks, i think i understand.