Become a PRO at Using Components in Laravel
HTML-код
- Опубликовано: 5 июн 2024
- This video will show you learn you Components in Laravel from zero to hero. With the usage of Components, Laravel allows you to make reuseable, independent and decoupled Component within your Laravel Blade templating engine. We will be starting off with diving into the Component class and view, creating Components through the CLI, passing data and variables to Components, working with subdirectories within Components, Slots, Component Attributes and finally, the usage of inlined components - Want to learn the most popular PHP framework? Laravel makes your development process a lot easier without sacrificing your applications functionalities.
📚 New Udemy Course
If you're looking to level up your Laravel skills, my new course "Udemy Migirations, Seeders, Factories, Query Builder, Eloquent & Relationships" is the perfect opportunity. Learn the essential tools and techniques for building robust and scalable web applications with Laravel: www.udemy.com/course/masterin...
📲 Let’s plan a meeting
Plan a (paid) 1-hour meeting on Calendly to do portfolio reviews, code reviews resume reviews or a coaching session for Laravel. Please read the description before booking: calendly.com/codewithdary
💌 Newsletter
Sign up for my free weekly email newsletter: www.newsletter.codewithdary.com
🔥 Resources
- PHP Hosting (10% DISCOUNT): www.hostinger.com/codewithdary
- TikTok: / codewithdary
- Instagram: / codewithdary
- Twitter: / codewithdary
- Blog: blog.codewithdary.com/
- Newsletter: newsletter.codewithdary.com/
- Patreon: www.patreon.com/user?u=30307830
- GitHub: github.com/codewithdary/larav...
🔗 Useful links
- Laravel 9 Course: • Laravel Tutorial for B...
- Components Docs: laravel.com/docs/9.x/blade#co...
- Blog Template: github.com/codewithdary/larav...
- Final Repo: github.com/codewithdary/compo...
📋 Table of Content
00:00 - Introduction
01:04 - Our current application
02:49 - Creating our first Component
05:40 - Component class
08:13 - Passing data to components
10:07 - Subdirectories for our Components
11:22 - Passing variables to components
13:20 - Components inside Components
15:06 - Slots
17:31 - Component Attributes
24:43 - Component Props
30:29 - Inline Components
32:14 - Outro
#laravel #components #blade #frontend
That is what I call an awesome crash course! Great job man!
Simple straightforward and easy to follow. Thanks man
You're welcome!
Please make detailed videos like this about each and every features in laravel. That would completely enhance our career.
your channel is the place of sanity for learning laravel ! thankyou so much for you content !
That's so sweet, thank you so much
Thank you very much for this wonderful tutorial. Now I have very good understanding on the topic.
Glad to hear that!
Great tutorial! Easy to learn 🎉
Thanks so much! I didn't even know what components are and now I pretty much turned my entire project into components 😂 So useful and so nice to read. Especially those bootstrap alert divs!
Oh hell yeah, those are probably the best examples when it comes to Components!
man your content is awesome
Your tutorial got me a job as junior software engineer 😀. Can you make a tutorial where we can upload videos including video size and extensions?
Wow, that’s insane!! Congratulations!
thanks, really learnt a lot haven stopped using laravel when it was 6. kudos
Thank you, happy to help
Thank you so much, Dary! I love this tutorial
Thank you for watching, I’m happy to help ❤️🙏🏽
Really nice! I wanted to know more about the components actually. Thank you Dary ❤️🥺
Timing is perfect then! ;)
Thank you for the tutorial teacher Dary.
Thank you for watching Han! :)
Boas, muito obrigado pela dica Sr Mr AndyPee, Muitos Abraços.
Thank you, I think
I got confused with components when I dabbled with it while reading the documentation but watching your video made me understand it better. Thank you for providing educational content for us visual learners.
You're welcome, Patrick!!
wow. this is great. thank you for giving this tutorial.
Thank you for watching :)
😱😱😱I was scared, by the sound effects, a couple of times, while you showed your social networks info😱😱😱😅
I have to make sure my viewers are awake and don't fall asleep because of my voice 😂
@@codewithdary😅😅
Amazing explanation 👏
a great thanks Dary❤
Thanks for the great material 🙏🏻
Happy to help brother :)
easy and simple thanks sir
Welcome!
The best explanation about components
Thank you so much Thiago!
Nicee! Thanks a lot!
Thank you for watching Cryswerton!
Hello
Your tutorial was really great, thank you🙏
Thank you so much
What color style and packages are u using for vs code its awesome
Thanks a lot Dary
Thank you for watching Bernard!
Great, thanks 🙏
You are welcome Mary!
Thanks for the tutorial Dary; very useful. One question; what factors go into deciding between a class based component and an anonymous component? Can you do things with the class based component that cannot be done with the anonymous component?
I find class component very useful if I want to define the variables I have to use within a component. If you work with multiple developers on projects, they might pass in variables that another might not. Therefore, It will be good to define class components.
What theme did you use? I like it so much
Which font family you are using for CSS?? That's cool font
what is theme name that you use in vs code. Also you terminal setting. how to configure this beautiful terminal.
شكرا لكم
Thank you for watching
Thank you Dary
Thank you for watcing :)
You are one of the best. Carry on with the good works
Thanks so much
please make video to build simple project from scratch with components and parent class component
seriously,thanks for your work
how to handle the css files
Thank you so much. From now on, Components will be included in all of my videos :)
perfect video for learning blade component in laravel 🤌
Happy that I could've helped :)
Please share link of your Spatie Permission tutorial. Thanks
Thanks
Welcome Tivea!
Hi Dary i have clone the template repo but i haven't found any starter kit for this tutorial i just found the final repo in which we can find the final code i have checked the both repos can you please provider the starter kit without the components work?
thank you alot for this
Is there a course you made for this site?
You are welcome. There is no course available, just designed the page so I could use it in my tutorials instead of creating a new design every single time!
Thank You so much, it was really helpful.
You're welcome Axel!
Thankyou
Thank you for watching Denis! :)
Wow.... Cool intro
Right???? :D
Nice, I think this is one of the main features of Laravel, for the view instead of creating manually since 9 you can pass -view and it will only create the view. I like the props function to create default variables.
Definitely true! Incredible feature which makes your application look a lot cleaner.
awesome
Thank you Ahmed! ❤️
Great sir
Thank you :)
@@codewithdary Welcome
Odd I dont get the error at minute 8:10, for some reason all my views works even if i delete the controllers. I realized that you need to call to use the controller else if you call you call the view.
Interesting, thank you for sharing buddy!
how can we update the data while using the component? ?
Behind the scenes, components will transformed to the code, so it prett you’ve works in the same way.
Components in laravel make it comfortable for making UI as React js
Definitely!!
Same like props
Yes I guess :)
kind of vue js :D
and React, Angular, Svelte, Ember and pretty much any other JS framework...
Hello dary please reupload the file in github without the changes your making in this tutorial, so we can do it on our own.