Laravel Livewire 3 new Navigate Feature | Tutorial

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

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

50% 1

In this video, we take a look at the new livewire 3 navigate feature, that allows us to navigate between web pages, without any page reloads.
Livewire 3 Search Bar tutorial:
• Build a Search Bar usi...
HTML template :
gist.github.com/CodingFlick/5...
Livewire 3 website :
livewire.laravel.com/
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)

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

22 июл 2023

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

great thanks bro

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

Thank you for watching

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

hello thanks your video helped me alots in my livewire journey!!! i have a question,,, does navigate method works only when you have same css and js in all the pages im having issues when navigating after few times i need to refresh my page since i have used different js on pages my side bar doesnt seem to be toggling and i need to refresh page every once after navigating few times??

@phanethpho4477 4 месяца назад

Please give me the solution when auth session expired navigation not redirected to login page

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

Great video,

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

Thanks

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

can we use this in normal blade file or the full page should be a livewire component itself to get it worked ?

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

Thanks for watching, it will works both ways.

@websers-4402 3 месяца назад

when i click back button at the top of the website shows some code why??

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

We should be able to cache page....for those page which doesn't change often doesn't needs to be refreshed everytime... especially for blogs....

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

Livewire does cache the page if you use the browser back and forward navigate buttons. But that I think is all it caches as far as I know.

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

Sir Indeed u really explained so well

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

Thank you for watching. I'm currently in the process of recording a livewire 3 course. Will be uploading the videos from tomorrow. Will also cover the layout issue in the videos.

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

@@yelocode @codingflick Jazaka Allah Sir and as a viewer I have a request or suggestion, ur videos are not in sequence, its in random factor kindly keep it in a sequence format, upload stuff one after another which all are linked together apart this u are going well Masha Allah May Allah Pak bless u with more and more success, much obliged

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

Thank you brother, Will definitely be following more structure for livewire videos. The first episode is out : ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VyIjDnYviD4.html Will be uploading 1 video per day this week. Thank you for the support

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

@@yelocode Good luck brother, found ur first video so helpful

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

Hello. The documentation really helped with many problems with some things, but for example I have a list of posts and when I go from page to page and try to edit a post, it doesn't work, neither do all the other features that are directly component of livewire. Maybe you have encountered this and know how it can be solved?

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

Have you tried checking the javascript console to see if there are any errors? I had a similar issue and found there was 2 version of alpine js imported from the console logs

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

@@yelocode I was helped by updating the version, perhaps these are the effects of the beta version. Of course, I looked at the console, tried to follow the documentation for the upgrade, but after the update it worked.

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

I see, glad the issue was fixed. Thank you for watching.

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

Thanks for your time.@@yelocode

@user-uz4eq9sg5j 8 месяцев назад

The html template id no more available: can you publish it elsewhere?

@user-uz4eq9sg5j 8 месяцев назад

*is

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

is it possible to hide progress bar in wire navigate livewire?

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

Yes it's possible, if you publish the livewire configs, you can disable it there "php artisan livewire:publish --config "

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

@@yelocode but when i disable progress bar, it will be progress like page load

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

@@albertabraham99 same problem here

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

Navbar bug dropdown wire:navigate not work

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

Since wire:navigate re-renders the html but does not run your javascript again. You will have to either warp your drop down with Yield or re initialise your drop down maybe by using document.addEventListener('livewire:navigated') I will try to make a video about this issue

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

@@yelocodehello i have same issue, has the video been released?

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

I have made a video covering this issue: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-gkDq2E6g0F0.html Hope it can help you fix the issue

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

Hocam bu işlem siteyi yavaşlatmaz mı?

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

Should actually feel faster from users point of view.

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

lo malo, que no carga el token

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

I have some links with wire:navigate after going to page when I click back, next time when I click on same link, whole page reloading. what is problem. {{ Str::ucfirst($brand[0]) }}

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

It might be a bug in the beta version. Although try reinstalling livewire since there has been a new beta 0.8 release a few days ago, if you haven't already, It had some wire navigate bug fixes.