Livewire Demo: Full-Page Components in a Reusable Structure
HTML-код
- Опубликовано: 3 мар 2021
- Today I'm doing a code review, but it's more like a showcase of a project that was architecturally fully built on Livewire. Let's see the details and discuss this approach, what do you think?
Mentioned in this video:
- Livewire Screencasts: Refactoring For Re-Usability laravel-livewire.com/screenca...
- Spatie Laravel Query Builder github.com/spatie/laravel-que...
- Laravel Components and Component Libraries codeblog.trovster.com/2020/05...
- How to organize your Vue components using the Atomic Design dev.to/sanfra1407/how-to-orga...
- - - - -
Support the channel by checking out our products:
- Try our Laravel QuickAdminPanel: bit.ly/quickadminpanel
- Enroll in my Laravel courses: laraveldaily.teachable.com
- Purchase my Livewire Kit: livewirekit.com
- Subscribe to my weekly newsletter: bit.ly/laravel-newsletter - Хобби
I like this review approach. To me, as a solo developer, it is a nice way to quickly see how others do it. And your comments are interesting, adding value.
You are so valuable to laravel community. Thank you for all the free content. I am planning to look at your courses soon. Please dont stop with livewire stuff. I am loving it.
Every-time I hit a wall... think how should approach to certain concept in laravel or it's eco system and I see you talking about it in your videos! THANK A LOT... 👊
Merci beaucoup pour toutes votres contributions. Cela aide beaucoup
Is there a github repo for this project? Really interesting approach
I really like this approach and I think Livewire is exactly what I was hoping for since forever because I hate JavaScript with a passion.
Professional approach and pro once. Love it..
greate video and a very well structured project.....using traits for add reusable code to livewire component a very good idea. Thanks for sharing this approach. I'm very new to livewire but recently i'm starting to consider to learn/use more in my projects....maybe not a full livewire projects but some componet like tables and modals maybe
Wow, that is awesome!!!
I think that a good next livewire improvement will be use some caching on server side, to not need to pass component public var on every request.
it was new and also verrrry interesting
Is this repo still private ? Is there a way to reach the developer who wrote this ? I would love to clone this and study the code.
Me too!
Hello, could you talk about the possibilities of implementing SSO in the laravel?
Can you get permission too share repo please?
The Dev is really good.
Feel a bit intimidated by this. Awesome project. Would really want to try some of the techniques I just saw. Better yet Hope you would get tutorial on this. Simple crud with reusable components
For performance in livewire you can skip render and change the inpute attribute to defer .
Thanks for the knowledge sharing and being one of the VALUABLE member in Laravel community. I see all the forms are extended to BaseForm class. What actually that class is doing(codes in the class) though?
That developer should consider becoming a RUclipsr. He can successfully start making this project as a youtube series!
I wish our project could use these features, but sadly it's built on Laravel 5.1 and it's hard to upgrade
Awesome! can i know what is your cp theme ? it's very familiar
hi sir . my laravel livewire project upload in live serve but not working livewire error (Livewire is not defined)
Great Job!!!! What admin theme??? It is beautifull and UI nice
does anyone know the name of the template?
Hi! Thanks a lot for your turtorials, they are really great. The frontend of this video is awesome, can you share which technology is and if it's a free o paid template? Regards!
Up
How can I get the template admin?
Hi what theme are you using on this one
I have problem with livewire change theme! I need some solutions please!
I would definitely pay for the code
Awesome
wow. Great
can I copy the project? for study needs
Hi Sir, can you show me how to make Laravel 8 + Fortify + TailwindCSS 2.0 setup without Jetstream Livewire nor Inertia, and also without using pradeep3/fortify-ui-tailwindcss package. Thank you so much.
Similar video, but with Laravel UI: ruclips.net/video/NuGBzmHlINQ/видео.html
So replace Laravel UI with your Tailwind theme of choice.
Also, isn't it more simple to use Laravel Breeze, then?
cool video, thanks for meke it! which's this IDE theme?
Material Darker
What exactly Is the problem with many request to the server? I started backend with livewire.(it Will be used by 10people).I have a good server scalable end i would Like to understand the problems i might have
Well it's two problems:
- Too many server requests in general (it may cause performance issues if a lot of people are using the site)
- And glitches in the browser if the refreshed area is too big, so the browser will "blink" while reloading too big portion of HTML (you can see this in this video, fraction of a second after modal closes)
I'm sorry, there is a question I need an answer to. Livewire and inertiajs. Are these totally dependent on some existing framework? Can't I just use them, in my own custom PHP code?
Livewire is a Laravel package, so it depends on Laravel.
Inertia depends on one of the frameworks, it has adapters for react/vue from what I remember, and for Laravel and something else, check the docs.
can u share source code there ?
Where the repo so i can learn?
Need tutorial on reusable components ☺️
what is the name of the admin panel template you are using?
I think it is built with Tailwind components, no template
Do you have any plan to add livewire type to QuickAdmin project?
Yes it's already in progress, to be released in late Spring.
@@LaravelDaily Thats great. And laravel fortify,too? The two factor auth with my iphone is great. I like this in quickadminpanel ;)
Does the server have to be high-speed every time livewire request and respond to data?
Not really, requests should be quick.
Hi there. I'm interesting to buy a license. Could you put me through with the developer (if is interested to sell). Thank you.
when we are supporting in quickadminpanel ?
Livewire version of QuickAdminPanel is coming later this Spring.
Is it possible to make a video or playlist on how can we use livewire for example components based or full page based or any other approaches? And how to use livewire efficiently i mean how to reduce server calling etc.......... Or if the project is for general public like saas how would we efficiently use livewire
I have talked about Livewire a lot on this channel, and there's no single video about "efficiently" using it, there's no such thing: you just use it according to the docs, choose the structure you want, and monitor/debug that it wouldn't perform too many server requests.
That blink of whole page after closing modal window looks to me like dealbreaker 🙈 Could it be eliminated?
Not really, that's the point of Livewire - to refresh the full html of the block. But maybe I missed something while reviewing and something could be still optimized.
@@LaravelDaily i think show modal handle by alpine (x-show) , if handle by component problem solve , i'm not sure .
good work .web developer! i am waiting your vedio.can you login with firebase api and messging with firebase..
Fine with Livewire, but what if you need to make an app with the same code, you would have to make an api by writing a new code for the API?
Yes, if you need a mobile app, then you need a new code for the API. Livewire has nothing to do with API, it's for the web.
@Laravel Daily I understand then for now it has nothing to do with what I do, almost always the projects are CROSSPLATFORM, I guess Livewire is for projects that are web only and will not scale to other platforms, because otherwise it would be a waste of time.
@@abelenocrodriguez Why? The only thing what you need is the api routes. Its 1 command for create a resource api routes and macros.
@@abelenocrodriguez you simply extract your logic and use it with both livewire and api routes.
How the login and authentication is happening?
Haven't checked while doing this review.
His projects is what really buging my mind after few months diving inside livewire, "is livewire designed to be a replacement for controller completely?",
Short answer is No.
Is this project public?
do you have a course for real time using laravel?
You mean something like websockets? No, I don't have any course about it.
@@LaravelDaily ya. Something like when the database updated. The page will refresh automatically and change the data in frontend.
@@ma08serrano with livewire you can use emit or wire:poll
can anyone tell me what admin theme was used here?
Up
Can we get repo of this project
No sorry that repo is private.
🤔🤔 106Kb load each create,edit,delete, sorting and filtering is so big ...
For my opinion use livewire for components not full page.
What do you think about InertiaJS, NuxtJS(vue serverside render) and NextJS(react serverside render)?
Thats not the point. Because this requests create only admins in the admin panel.
Should I learn livewire or just go to learn JS?
Livewire is getting some attention from the laravel community.
Learn whatever you think you will be comfortable with, or whatever you think your employers/clients would need for the projects you will work with, in the future.
90% of the time, it is based on project needs. For me, as a heavily backend dev, I prefer this very much.
To honest not a fan of Livewire, personally, I think we introduce such issues as the separation of concerns in general in these cases.
It’s a beautiful project, but the dev is overusing Livewire.