Categories

Sunday, February 5, 2023
+919814419350 therichposts@gmail.com
Bootstrap 4Laravel 7

Laravel 7 components benefits to sections and layouts Part 1

1.42K

Hello to all, welcome to therichpost.com. In this post, I will tell you, Laravel 7 components benefits to sections and layouts.

Post Working:

In this post, I will make component into my laravel 7 application and I will tell you how to use or call that components inside blade template file.

Benefits:

We can reuse that components. We can make different components and use according to our needs. We can also send dynamic values with that and that I will tell you in future.

Here is the code snippet and please follow carefully:

1. Very first, you need to run below command into your terminal and that will generate component:

php artisan make:component footer

 

2. After run above command, you will see components folder inside resources/views folder and please check below images for more clarity:

3. Now you need to put below code inside your resources/views/components/footer.blade.php file:

<div class="jumbotron text-center" style="margin-bottom:0">
  <p>Footer</p>
</div>

 

4. Now you need to put below code inside resources/views/layouts/app.blade.php file and this will call the component inside your app.blade.php file:

<!--You need to add this at the end and above the close body tag-->
...
<x-footer/>

 

This is it and after run your project with php artisan serve then you will see like below image:

if you have any kind of query regarding this then please do comment below.

jassa

Thanks

therichpost
the authortherichpost
Hello to all. Welcome to therichpost.com. Myself Ajay Malhotra and I am freelance full stack developer. I love coding. I know WordPress, Core php, Angularjs, Angular 8, Angular 9, Angular 10, Angular 11, Angular12, Angular 13, Angular 14, Angular 15, Bootstrap 5, Nodejs, Laravel, Codeigniter, Shopify, Squarespace, jQuery, Google Map Api, Vuejs, Reactjs, Big commerce etc.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.