Lazy Loading / Skeleton loader | Laravel Livewire 3 for Beginners EP11

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

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

50% 1

Welcome to the second episode of livewire 3 course, in this course we will cover all the basis needed to build dynamic front end components using livewire. Today we cover lazy loading and how to add a skeleton loader to your components and help improve user experience.
Course Playlist :
• Laravel Livewire 3 Cou...
Through out the course we will cover:
- how to make components
- Actions
- Properties
- Form Submission and Validation
- Flash Messages
- Tables and Pagination
- File Uploads
- Inline Components
- Full page Components and Layouts
- Events
- Offline States
- URL Query Parameters
- Nesting Components
- Navigate
- Loading states, Lazy loading and placeholders
And more
Livewire 3 website :
livewire.larav...
Boostrap Documentation:
getbootstrap.c...
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)

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

30 сен 2024

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

wait so the placeholder is known by livewire? so if I put 'placeholderAA' function instead of 'placeholder' it wont work right?

@rodrickngonyoku5042 7 месяцев назад

Once I started watching these tutorial, I've been binge watching them even when I'm not coding. Keep up Yelo Code!🤟❤‍🔥🔥🔥🔥🔥

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

Happy to hear that. Thanks for watching.

@rodrickngonyoku5042 7 месяцев назад

@@yelocode Love to see you making more of these... honestly.

@geert-janpes351 Год назад

Great video's! But where's the placeholder function called? I get the idea, but missed the link that the lazyloading calls the placeholder()

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

Thanks for watching. The placeholder method is called in the background by livewire itself. You will have to look into the livewire code base to find where it's exactly called I'm not sure myself.

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

Hi Yelo! How to fix crawler obscuration and fix SEO optimization? For example: how to do it if the product image is load with lazy load?

@Ronakjain-d9y 4 месяца назад

Hey, i have a query, how placeholder method calls before render ?

@thierrykonan1050 Год назад

hi yelo code, thank you for all your videos on livewire this is really a help. but I would like to know more about dynamic components. a little video would do the trick thanks in advance

@yelocode Год назад

Thank you for watching. For sure will try to cover it in the coming days.

@thishanththavarasa171 Год назад

It's not working with pagination. Can't able to move different pages.

@yelocode Год назад

This may be due to a bug in livewire at the moment, github.com/livewire/livewire/pull/6760.

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

Thanks Yelo, saved me a lot of hours with this video 👍🏼👍🏼👍🏼

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

Thanks for watching.

@minhazulislam9881 Год назад

Bro, It's so enjoyable!

@yelocode Год назад

Glad to hear that!

@minhazulislam9881 Год назад

@@yelocode bro, why livewire is so slow though I'm using v2

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

hello yelo, i love your videos, but i found a little issue with lazy loading, if the table / content using pagination, the lazy loading placeholder doesnt work

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

use loading state in there i think so

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

This seems to be a bug in v3 at the moment : github.com/livewire/livewire/pull/67607 I don't recommend using it in production yet, unless it's for a personal project.

@ousssika5359 Год назад

thanks for the video man

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

Thanks

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

Thank you for the super thanks and the support 🙏. If you have any video requests or suggestions do let me know.

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

hey, if i am using simple blade with CSS, HTML and JS. and i want to lazy load the Java , how would i do that in blade?

@galaxy1729 Год назад

Waiting for more

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

Thanks

@wpbarcelos Год назад

@mahdidavoudi Год назад

Lazy loading does not work when Vite is included and gives this error. Uncaught TypeError: window.Alpine.cloneNode is not a function Do you also have this problem?

@yelocode Год назад

I haven't experienced this on fresh laravel installs. But on existing projects, make sure you are not importing alpine js on your js files, since on v3 it's included with livewire automatically. This might be helpful as well : laracasts.com/discuss/channels/livewire/uncaught-typeerror-windowalpineclonenode-is-not-a-function?page=1&replyId=900581