This is awesome! Continue with the Livewire videos! 👍

@yelocode

9 ай бұрын

Thanks for watching! Will do!

Great video 👍, easy to follow and understand.

@yelocode

2 күн бұрын

Glad it was helpful!

Thank you very much for this whole Livewire 3 series.

@yelocode

6 ай бұрын

Thank you for the super thanks.

Nothing to say, absolutely awesome video man. Great content 👍

@yelocode

6 ай бұрын

Glad you enjoyed it. Thanks for watching.

nice. a good example of the data table with Livewire 3.

@yelocode

9 ай бұрын

Glad you liked the video. Thank you for watching.

I wish more videos that dealt with coding were as clearly explained and (even more importantly) as easy to read as this. Professionally prepared and delivered. Great stuff !

@nascoli2008

Ай бұрын

I totally agree!

You're a livesaver man. Much love

Clear and easy to understand tutorial. Great job 👍

@yelocode

4 ай бұрын

Thanks for watching

Great video, thanks for all the wisdom sir!!

Hi Martin. absolutely awesome video and content. Datatables are a really useful part of dashboards. It would be great if you continued on this topic in future, like some Excel and PDF export, some kind of dropdown with checkboxes to enable/disable columns, but also you can do more advanced next steps with refactoring code etc. Really enjoying your content, You should have some kind of "by me a coffee" or so, at least to show some appreciation for your time and effort and so on. Hope you will continue with your amazing Laravel / Livewire/ Tailwind content.

@yelocode

9 ай бұрын

Hi Miroslav, Thank you for watching, I'm really glad you're enjoying the videos. Will definitely be looking into expanding on this topic, specially now that I seen there is high interest . Currently I'm looking into potential ways for supporting the channel and what other successful channels have done, since it's quite common for dev youtubers to quit after a while, I don't want that to happen to this channel. Will hopefully add something in the coming weeks. Thank you

You are extremely good at this. Amazing!!!

@yelocode

Ай бұрын

Thank you.

just found this channel, really good stuff!

@yelocode

9 ай бұрын

Welcome to the channel, Thanks for watching.

mamnoon Matin jan. lezat bordam az filme amoozeshit. mersi 👍

@yelocode

9 ай бұрын

Mersi Ashkan jan. Lotf darid.

Indeed an amazing video.

@yelocode

9 ай бұрын

Thank you

Really love it. I just made it.

@yelocode

8 ай бұрын

Thanks for watching. Glad to hear that.

Thank you a lot for your amazing work

@yelocode

6 ай бұрын

Thanks for watching.

thanks for the videos man

Very nice tutorial, thank you

@yelocode

8 ай бұрын

Thank you for watching.

This is great, thanks a lot

@yelocode

9 ай бұрын

Thanks for watching

Great content

@yelocode

4 ай бұрын

Thank you

This is awesome.

@yelocode

9 ай бұрын

Thank you for watching.

very important video. Cool again

@yelocode

9 ай бұрын

Glad you think so. Thank you for watching.

Thank you sir ❤

@yelocode

9 ай бұрын

Thank you for the idea suggestion.

Thank you ☺

@yelocode

9 ай бұрын

Thanks for watching

Hi Martin its great video Please make on exporting in csv Excel pdf ❤

@yelocode

3 ай бұрын

Thanks for watching. Will try making a part 2 with csv export🙏.

this is awesome, thank you sir

@yelocode

8 ай бұрын

Glad to hear that. Thank you for watching.

@onnewf9288

8 ай бұрын

@@yelocode this is a bit much but could you please make inline editing on this datatable aswell please 🙂

thanks for the video man thanks a lot

@yelocode

8 ай бұрын

Glad to help

Tailwind table is really beautiful Can you do a dashboard

very nice video

@yelocode

9 ай бұрын

Thanks

Hi Martin.....Thanks for this video.. You are awesome. Subscribed

@yelocode

9 ай бұрын

Thank you. Glad the videos are helpful. Welcome to the channel.

@berthojoris

9 ай бұрын

Hi martin...just curious.....Can livewire be run with jquery? jquery chart for example, or jquery datatable maybe? so we don't have to make it yourself from scratch? is it possible? considering that there are many paid templates, all of the libraries use jquery

@yelocode

9 ай бұрын

Yes, You can, livewire won't cause any issues, but still you will need to write a php api to provide the data for those data tables unless it comes with laravel backend code as well. If you want an easy to use databale with livewire you can check out filament table builder : filamentphp.com/docs/3.x/tables/installation

@berthojoris

9 ай бұрын

Hi @@yelocode What if I don't use tailwind but use bootstrap? I usually use jquery datatable with bootstrap in all my projects and when I try in livewire 3, I get an error Uncaught ReferenceError: $ is not defined, when the page is refreshed manually instead of by moving the page using "nav-link"

@berthojoris

9 ай бұрын

@@yelocode I've used wire:ignore (didn't know it's still useful in version 3) for ignore table from livewire. cmiiw

very good

@yelocode

8 ай бұрын

Thank you for watching Majid.

@majidmohammadian

8 ай бұрын

I have seen all your videos related to livewire and I can boldly say that it was one of the most effective videos. I have been working with PHP for 12 years and I have been working with Laravel for almost 5 years. You are also quick in explaining and You can also describe the content well, I hope you won't be upset if I make a new video of your content on my channel in Persian language so that the people of Iran can also use it.@@yelocode

@majidmohammadian

8 ай бұрын

Indeed, those voices like BOOM that you say in the video make it more attractive, it's very good@@yelocode

💪💪💪💪💪 great!

@yelocode

9 ай бұрын

Thanks

Love this series! Can you list which VS Code extensions you use on it?

@yelocode

9 ай бұрын

Thanks for watching. These are all the Laravel related extensions I'm using at the moment: - Monokai Pro theme - PHP Intelephense - Laravel Blade - Laravel Blade Snippets - Laravel Blade formatter - Livewire Language Support - Vetur - Tailwind CSS IntelliSen

Hello, great video. I have a question, can this example be created in Livewire/volt? Thanks

Great videos mate! Could you do one on wrapping a JS component in a Livewire component? I'd like to be able to use things like Flatpickr or TinyMCE in my Livewire forms

@yelocode

8 ай бұрын

Thanks for watching. Great suggestion. I will add it to list of livewire videos to make.

I gave it a like before even I watch

@nazgyl

9 ай бұрын

Same here,

@nazgyl

9 ай бұрын

This should be an amazing one

@MiroslavCada

9 ай бұрын

haha same here :)

@yelocode

9 ай бұрын

Haha, Thanks guys :)

This is amazing as usual .. But one question, do livewire and the datatable js cdn conflict? So we can't use the default pagination that comes from datatable cdn ?

How do you handle bulk actions for paginated tables?

Fantastic Tutorial! Thank you so much! Can you show how to do it with sweetAlert modals? Would be nice as a security feature that on record delete it would check if the user deleting it is an admin and confirm it with password. Just in case of an admin stolen session. Thank you so much again for sharing your knowledge with us

@yelocode

9 ай бұрын

Thank you for watching. Great Idea, Will try to cover that in up coming videos hopefully.

What I need to do to have a page parameter in the url? It's not showing in the query string

this is awesome can u do charts plssss

@yelocode

9 ай бұрын

Sure thing, Will add that to the list of videos ideas to cover

Its awesome bro... Can you please have something like cropping image while uploading it in livewire?

@yelocode

9 ай бұрын

Thank you for watching. Will add that to list of videos ideas to make.

The pagination links seems to break on sorting or searching....any idea why?

So this was just for learning to understand how what we have learnt so far can be applied?? There are already packages which have gat all this figured out

Great tutorial! It would be good to validate the field before sending the request, right?

@yelocode

7 ай бұрын

Thanks for watching. Yes, you want to validate the data, specially before storing them in the database.

7 ай бұрын

Even to check what data the user enters in the search field? Have you planned a tutorial for this?@@yelocode

@yelocode

7 ай бұрын

For the search field, it's not required, unless you want to force the search query to be more than a specific number of characters.

@yelocode

7 ай бұрын

I do have a video planned for covering, how to validate properties like the search incase you need to validate them.

This is awesome. But I got one question is about can Livewire3 work with the Flowbite. Because I try doing the wire:navigate on in dropdown menu but the dropdown is cannot open. If I remove wire:navigate it's work

@yelocode

9 ай бұрын

For me it works on first page render, after I change the page, it stops working. This is because wire:navigate does not re run the js files to make the experience faster so since your html elements are changed your menu stops working. 2 possible solutions are, 1 : you wrap your navigation menu with something like @persist('nav), this makes it so it's not re-rendered. 2. you can use the livewire hooks to rerun the dropdown initialisation when the page changes. For pages that have same layout I just wrap it with persist and seems to work well so far.

@lfan_tv

9 ай бұрын

@yelocode okay thanks you bro. 🙂

Hello, are you using server side?

@yelocode

7 ай бұрын

Yes, everything is loaded server side.

Is it responsive? I find that's the problem with datatables... but i found ine for livewire is called "Power Grid" that have some kind of "reactiveness". Can someone point a good one out?

It would be awesome if you create a video about the filament table package.

@yelocode

9 ай бұрын

I will do that this coming week. Great Idea Shahzad.

Livewire has turned PHP into what many long-time developers think, "Messy code", an incredible number of methods to achieve things that would be more efficient with a Front written in JavaScript (React, Vue, Angular...). In addition to consuming the server in a very inefficient way to render HTML from the server, in the end they will need to learn JS and when they face tests with tools like JMeter they will realize that this is not a solution to even consider.

How about Chart with livewire ?

@yelocode

9 ай бұрын

Will try to make a video on charts as well. There is a package for building charts as well if you want something out the boxgithub.com/asantibanez/livewire-charts

Is this serverside datatable with yajra? i have problem handling big number of data using datatable

@yelocode

8 ай бұрын

No, not using yajra. It's all livewire and laravel code.

@ilhamlutfi5815

8 ай бұрын

​@@yelocodesorry, any idea to improve speed on datatable.? I have table with 10k but it's slowly 😅

@yelocode

8 ай бұрын

@@ilhamlutfi5815 You should look into adding indexes to your table on columns that are searchable and also sortable. That should greatly improve the performance. If you are also displaying relationships in your table, make sure you are eager loading them, this can be a big performance hit as well. If above don't improve it enough, you can use laravel debug bar, to see all the queries laravel is generating and pin point the slow queries. Hope this can help solve your issue. If you also try some other methods and get good results. Let me know so I can inform other viewers if they have similar issues.

@gofarperdana2659

8 ай бұрын

any recommendation forserver side datatable for livewire@@yelocode

@ilahazs

8 ай бұрын

@@gofarperdana2659 why do you even needed datatable for livewire? you can create your own table like what in this video.

Is wire:key still necessary with Livewire 3? Caleb seemed to indicate it wasn't in this part of his launch video: kzread.info/dash/bejne/h2GCmrOqoZOYkpM.htmlfeature=shared&t=193

@yelocode

9 ай бұрын

For normal elements or conditional parts of your view, no. But for loops it's still required, specially if you have pagination. livewire.laravel.com/docs/components#adding-wirekey-to-foreach-loops

sir martin good day wherever you are... im a fan of your vids, but i have some issue lately I cannot recall where you discussed it, but I require a solution wherein when you load the same URL on another tab (let's say we have tab 1 and 2), and you delete a user on tab 1, of course, tab 2 needs to reload so that the same user won't be deleted. However, it does not occur for me. Can you assist me?

Please make a video of the data table livewire package🥲☺

@yelocode

8 ай бұрын

I will be releasing that video soon. Hopefully by end of this week