{"id":4343,"date":"2022-02-09T17:02:54","date_gmt":"2022-02-09T17:02:54","guid":{"rendered":"https:\/\/www.liainfraservices.com\/blog\/?p=4343"},"modified":"2022-04-27T05:51:39","modified_gmt":"2022-04-27T05:51:39","slug":"how-to-create-reusable-web-applications-using-laravel-tech-components","status":"publish","type":"post","link":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/","title":{"rendered":"How to create reusable web applications using Laravel Components?"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\"><\/span> <span class=\"rt-time\"> 3<\/span> <span class=\"rt-label rt-postfix\">min read<\/span><\/span><div class='epvc-post-count'><span class='epvc-eye'><\/span>  <span class=\"epvc-count\"> 3,945<\/span><\/div>\n<p class=\"wp-block-paragraph\">In this blog we are going to talk about \u201c<strong>How to create reusable web applications using Laravel Components<\/strong>\u201d by Lia Infraservices best<a href=\"https:\/\/www.liainfraservices.com\/web-app-development-company-in-chennai\" target=\"_blank\" rel=\"noreferrer noopener\"> <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">Web App Development Company in Chenna<\/mark>i<\/strong><\/a>.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Laravel Components are used to create systems that are both stable and expandable. They enable us to create big applications with reusable, independent, and decoupled components. Laravel Components provides us with a variety of useful tools to assist us in developing dependable web applications while also significantly reducing development time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;Laravel is made of reusable components that are effectively defined and compiled together to bring up the entire system.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/qbjwcyfr0309bEaQ3g0zKbya8hBkZrPu6omCNSdOUzFjV4DZEYi_tubwguRB-o2UHuVNyF81y_XknVCbBvkcH7DGuAmK2_BtWeI4rxwBikqjoR3fOtPUPZPGwq7CewcEmnvzPVv9\" alt=\" Create reusable web applications using Laravel Components\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"all-about-laravel-components\"><strong>All about Laravel Components:<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Components are the reusable section or layout which we can use inside a Laravel application. In laravel there are two methods to writing components:&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Class-based components and&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Anonymous components.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inside this article, we will see about the complete concept of the <strong>&nbsp;Laravel Components <\/strong>with the help of the following points \u2013<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Create a Component<\/li><li>Files associated with a laravel component<\/li><li>Using Component in laravel<\/li><li>Passing Data to components<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"create-a-laravel-component\"><strong>Create a Laravel Component&nbsp;<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">To create a class-based component in laravel we use the make:component artisan command. Back to the terminal and type this command to create it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>$ php artisan make: component Message<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When we run this, it creates a few files to set up. Let\u2019s see what those files are.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">&nbsp;<\/h3>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"files-associated-with-a-laravel-component\"><strong>Files associated with a laravel component<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">make: component command creates a view template file as well as a Component class file. View layout file we will find inside \/resources\/views\/components\/message.blade.php. Along with this view file, we also have a component class file. The class file we can find inside \/app\/View\/Components\/Message.php<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/j6i0Eypxfn8RTFRVarTRjoeiZ0H9kfEiAj-4Pv74ymIIaoSoCu7_CawvWAqXHcrKzvhJDJjnUsIIunenON_OTfq0A6dAoQOcp7Y_AThfGGWoojwnBmpT6Q8U-9nPMTav3qoBHTV5\" alt=\"Files associated with a laravel component\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/IRtIvsDfdsIx5Ujbaz5ygiVRTavHlvKxNS0UDHD1eMmK6NHnYPlc1sm8L_F1JWmj1OrbQMkDadBpuXC8UEtqRzpP0pQ-F2OwKE-WFzHokPSAe8LRRGOocawTupifXR1n63PoO7Fe\" alt=\"Files associated with a laravel component - welcome.blade.php\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"using-component-in-laravel\"><strong>Using Component in laravel&nbsp;<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In the last steps, we have successfully created a component layout and its functional file. Next, we need to use it in the application.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To use a component, we use a \u201cblade component tag\u201d within any template file or layout. Blade component tags start with the string x- followed by the kebab case name of the component class.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"># Syntax<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;x-{ComponentName}\/&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the above case, we have the component class name as Message. So it is pretty simple.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Example<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\/resources\/views\/about-us.blade.php Calling component inside this view file.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;x-message\/&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When we have some cases like $ php artisan make: component DisplayMessage. To use this type of component we use.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;x-display-message\/&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Passing Data to components<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We can pass two types of values. Static value and dynamic value. Let\u2019s see how to pass data.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/TvBEjnXI3SCqeUPRURQxJ_4W-qffeNH4B6P2Yf200h8KnembRMYazu99IIkO5RDFRcJm_L-ewJrFL2_fGBMxWV_lYPajLRnLOByqTcA9F8aasf46xG6C_rgPxlV5GmORbkBrtPI9\" alt=\"Passing Data to components\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>\u201ctype\u201d<\/strong> is key which contains the value as warning. It has a static value.<\/li><li><strong>\u201c:message\u201d<\/strong> is a key which contains dynamic value by means of variable.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Firstly we need to set the data attributes values to variable and then we need to send to layout file. To set these values, back to component class file. Open <strong>\/app\/View\/Components\/Message.php<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;?php<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">namespace App\\View\\Components;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">use Illuminate\\View\\Component;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">class Message extends Component{<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">public function __construct($type, $message) {<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$this-&gt;type = $type;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$this-&gt;message = $message;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;&nbsp;&nbsp;&nbsp;}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;&nbsp;&nbsp;&nbsp;public function render()<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;&nbsp;&nbsp;&nbsp;{<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return view(&#8216;components.message&#8217;);<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;&nbsp;&nbsp;&nbsp;}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">}<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"displaying-data-attributes-to-layout-file\"><strong>Displaying data attributes to layout file<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/fPWKcH4shpaoesIo_38ESsgysEvzMH5FYmWFzEJ_029_hb6COdxXonacX82dg7QMs7vfLfRrmwl-lUFnFgLGMdzbW1Drt6c2gafNM2EHtCG3oVmvAfGDu-wwVYhZz9Ad6T140cZk\" alt=\"Laravel Components- Displaying data attributes\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>{{ $type }} <\/strong>Blade syntax to print the value of $type sending from it\u2019s class file.<\/li><li><strong>{{ $message }}<\/strong> Blade syntax to print the value of $message.<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"takeaways\"><strong>Takeaways:<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Laravel components is a sophisticated functionality that was introduced in Laravel 7. A component is a code snippet that can be reused in any blade template. Like Sections, layouts, and inclusions. We use the same header for each template,&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example; We can make a Header component that we can reuse. In that case , take a sign-up button, one can simply make a component and use the button code and reuse it.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For more information on Laravel Components. Learn about<strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\"> <\/mark><\/strong><a href=\"https:\/\/www.liainfraservices.com\/blog\/laravel-the-powerful-web-application-framework\/\" target=\"_blank\" rel=\"noreferrer noopener\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\"><strong>Laravel<\/strong> &#8211; The powerful Web Application Framework<\/mark><\/a> &#8211;<mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\"> <\/mark><a href=\"https:\/\/www.liainfraservices.com\/contact\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\">Contact Lia Infraservices<\/mark><\/strong> <\/a>&#8211; Leading<strong><a href=\"https:\/\/www.liainfraservices.com\/web-app-development-company-in-chennai\" target=\"_blank\" rel=\"noreferrer noopener\"> <\/a><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-cyan-blue-color\"><a href=\"https:\/\/www.liainfraservices.com\/web-app-development-company-in-chennai\" target=\"_blank\" rel=\"noreferrer noopener\">Web App Development Company in Chenna<\/a>i<\/mark><\/strong>.<\/p>\n\n\n<div class=\"taxonomy-post_tag wp-block-post-terms\"><a href=\"https:\/\/www.liainfraservices.com\/blog\/tag\/android-app-development-company-in-chennai\/\" rel=\"tag\">android app development company in chennai<\/a><span class=\"wp-block-post-terms__separator\">|<\/span><a href=\"https:\/\/www.liainfraservices.com\/blog\/tag\/ios-app-development-company-in-chennai\/\" rel=\"tag\">ios app development company in chennai<\/a><span class=\"wp-block-post-terms__separator\">|<\/span><a href=\"https:\/\/www.liainfraservices.com\/blog\/tag\/laravel\/\" rel=\"tag\">Laravel<\/a><span class=\"wp-block-post-terms__separator\">|<\/span><a href=\"https:\/\/www.liainfraservices.com\/blog\/tag\/mobile-app-development-company-in-chennai\/\" rel=\"tag\">mobile app development company in chennai<\/a><span class=\"wp-block-post-terms__separator\">|<\/span><a href=\"https:\/\/www.liainfraservices.com\/blog\/tag\/mobile-application-development-company\/\" rel=\"tag\">Mobile Application Development Company<\/a><span class=\"wp-block-post-terms__separator\">|<\/span><a href=\"https:\/\/www.liainfraservices.com\/blog\/tag\/web-application-development\/\" rel=\"tag\">Web Application Development<\/a><span class=\"wp-block-post-terms__separator\">|<\/span><a href=\"https:\/\/www.liainfraservices.com\/blog\/tag\/webdesigncompany\/\" rel=\"tag\">webdesigncompany<\/a><span class=\"wp-block-post-terms__separator\">|<\/span><a href=\"https:\/\/www.liainfraservices.com\/blog\/tag\/webdevelopmentcompany\/\" rel=\"tag\">webdevelopmentcompany<\/a><span class=\"wp-block-post-terms__separator\">|<\/span><a href=\"https:\/\/www.liainfraservices.com\/blog\/tag\/website\/\" rel=\"tag\">website<\/a><span class=\"wp-block-post-terms__separator\">|<\/span><a href=\"https:\/\/www.liainfraservices.com\/blog\/tag\/website-design-development\/\" rel=\"tag\">website design &amp; development<\/a><span class=\"wp-block-post-terms__separator\">|<\/span><a href=\"https:\/\/www.liainfraservices.com\/blog\/tag\/welcome-blade-php\/\" rel=\"tag\">welcome.blade.php<\/a><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\"><\/span> <span class=\"rt-time\"> 3<\/span> <span class=\"rt-label rt-postfix\">min read<\/span><\/span>3,945 In this blog we are going to talk about \u201cHow to create reusable web applications using Laravel Components\u201d by Lia Infraservices best Web App Development Company in Chennai.&nbsp; Laravel<\/p>\n","protected":false},"author":1,"featured_media":4348,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"footnotes":""},"categories":[124],"tags":[886,887,846,826,690,210,898,899,24,27,882],"class_list":["post-4343","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","tag-android-app-development-company-in-chennai","tag-ios-app-development-company-in-chennai","tag-laravel","tag-mobile-app-development-company-in-chennai","tag-mobile-application-development-company","tag-web-application-development","tag-webdesigncompany","tag-webdevelopmentcompany","tag-website","tag-website-design-development","tag-welcome-blade-php"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to create reusable web applications using Laravel Components? - Blog | Liainfraservices<\/title>\n<meta name=\"description\" content=\"How to create reusable web applications using Laravel Tech Components\u201d by Lia Infraservices best Web App Development Company in Chennai\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to create reusable web applications using Laravel Components? - Blog | Liainfraservices\" \/>\n<meta property=\"og:description\" content=\"How to create reusable web applications using Laravel Tech Components\u201d by Lia Infraservices best Web App Development Company in Chennai\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog | Liainfraservices\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-09T17:02:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-04-27T05:51:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.liainfraservices.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-use-Laravel-Tech-Components-to-create-Web-Applications.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"315\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Partho\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Partho\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/\"},\"author\":{\"name\":\"Partho\",\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/#\\\/schema\\\/person\\\/b5a729cb152dd3bc7f07550ca9d223e4\"},\"headline\":\"How to create reusable web applications using Laravel Components?\",\"datePublished\":\"2022-02-09T17:02:54+00:00\",\"dateModified\":\"2022-04-27T05:51:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/\"},\"wordCount\":706,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/How-to-use-Laravel-Tech-Components-to-create-Web-Applications.jpg\",\"keywords\":[\"android app development company in chennai\",\"ios app development company in chennai\",\"Laravel\",\"mobile app development company in chennai\",\"Mobile Application Development Company\",\"Web Application Development\",\"webdesigncompany\",\"webdevelopmentcompany\",\"website\",\"website design &amp; development\",\"welcome.blade.php\"],\"articleSection\":[\"Web Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/\",\"url\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/\",\"name\":\"How to create reusable web applications using Laravel Components? - Blog | Liainfraservices\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/How-to-use-Laravel-Tech-Components-to-create-Web-Applications.jpg\",\"datePublished\":\"2022-02-09T17:02:54+00:00\",\"dateModified\":\"2022-04-27T05:51:39+00:00\",\"description\":\"How to create reusable web applications using Laravel Tech Components\u201d by Lia Infraservices best Web App Development Company in Chennai\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/How-to-use-Laravel-Tech-Components-to-create-Web-Applications.jpg\",\"contentUrl\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/How-to-use-Laravel-Tech-Components-to-create-Web-Applications.jpg\",\"width\":512,\"height\":315,\"caption\":\"How-to-use-Laravel-Tech-Components-to-create-Web-Applications\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/how-to-create-reusable-web-applications-using-laravel-tech-components\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development\",\"item\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/category\\\/web-development\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to create reusable web applications using Laravel Components?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/\",\"name\":\"Blog | Liainfraservices\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/#organization\",\"name\":\"Blog | Liainfraservices\",\"url\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/lia-logo-b-e1635340384244.png\",\"contentUrl\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/lia-logo-b-e1635340384244.png\",\"width\":308,\"height\":96,\"caption\":\"Blog | Liainfraservices\"},\"image\":{\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.liainfraservices.com\\\/blog\\\/#\\\/schema\\\/person\\\/b5a729cb152dd3bc7f07550ca9d223e4\",\"name\":\"Partho\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6c5fc8918cc5dbc844eccbeaaf854eef27d2c79ab17ff0022304f712805d6959?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6c5fc8918cc5dbc844eccbeaaf854eef27d2c79ab17ff0022304f712805d6959?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6c5fc8918cc5dbc844eccbeaaf854eef27d2c79ab17ff0022304f712805d6959?s=96&d=mm&r=g\",\"caption\":\"Partho\"},\"description\":\"Partho Das, founder of Lia Infraservices, has 15+ years of expertise in cloud solutions, DevOps, and infrastructure security. He provides consultation on architecture planning, DevOps setup, Kubernetes, and cloud migrations. Partho holds multiple AWS and Azure certifications, along with CISCO CCNA &amp; CCNP. Connect on LinkedIn\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/partho-dev\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to create reusable web applications using Laravel Components? - Blog | Liainfraservices","description":"How to create reusable web applications using Laravel Tech Components\u201d by Lia Infraservices best Web App Development Company in Chennai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/","og_locale":"en_US","og_type":"article","og_title":"How to create reusable web applications using Laravel Components? - Blog | Liainfraservices","og_description":"How to create reusable web applications using Laravel Tech Components\u201d by Lia Infraservices best Web App Development Company in Chennai","og_url":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/","og_site_name":"Blog | Liainfraservices","article_published_time":"2022-02-09T17:02:54+00:00","article_modified_time":"2022-04-27T05:51:39+00:00","og_image":[{"width":512,"height":315,"url":"https:\/\/www.liainfraservices.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-use-Laravel-Tech-Components-to-create-Web-Applications.jpg","type":"image\/jpeg"}],"author":"Partho","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Partho","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/#article","isPartOf":{"@id":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/"},"author":{"name":"Partho","@id":"https:\/\/www.liainfraservices.com\/blog\/#\/schema\/person\/b5a729cb152dd3bc7f07550ca9d223e4"},"headline":"How to create reusable web applications using Laravel Components?","datePublished":"2022-02-09T17:02:54+00:00","dateModified":"2022-04-27T05:51:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/"},"wordCount":706,"commentCount":0,"publisher":{"@id":"https:\/\/www.liainfraservices.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/#primaryimage"},"thumbnailUrl":"https:\/\/www.liainfraservices.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-use-Laravel-Tech-Components-to-create-Web-Applications.jpg","keywords":["android app development company in chennai","ios app development company in chennai","Laravel","mobile app development company in chennai","Mobile Application Development Company","Web Application Development","webdesigncompany","webdevelopmentcompany","website","website design &amp; development","welcome.blade.php"],"articleSection":["Web Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/","url":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/","name":"How to create reusable web applications using Laravel Components? - Blog | Liainfraservices","isPartOf":{"@id":"https:\/\/www.liainfraservices.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/#primaryimage"},"image":{"@id":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/#primaryimage"},"thumbnailUrl":"https:\/\/www.liainfraservices.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-use-Laravel-Tech-Components-to-create-Web-Applications.jpg","datePublished":"2022-02-09T17:02:54+00:00","dateModified":"2022-04-27T05:51:39+00:00","description":"How to create reusable web applications using Laravel Tech Components\u201d by Lia Infraservices best Web App Development Company in Chennai","breadcrumb":{"@id":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/#primaryimage","url":"https:\/\/www.liainfraservices.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-use-Laravel-Tech-Components-to-create-Web-Applications.jpg","contentUrl":"https:\/\/www.liainfraservices.com\/blog\/wp-content\/uploads\/2022\/02\/How-to-use-Laravel-Tech-Components-to-create-Web-Applications.jpg","width":512,"height":315,"caption":"How-to-use-Laravel-Tech-Components-to-create-Web-Applications"},{"@type":"BreadcrumbList","@id":"https:\/\/www.liainfraservices.com\/blog\/how-to-create-reusable-web-applications-using-laravel-tech-components\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.liainfraservices.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Development","item":"https:\/\/www.liainfraservices.com\/blog\/category\/web-development\/"},{"@type":"ListItem","position":3,"name":"How to create reusable web applications using Laravel Components?"}]},{"@type":"WebSite","@id":"https:\/\/www.liainfraservices.com\/blog\/#website","url":"https:\/\/www.liainfraservices.com\/blog\/","name":"Blog | Liainfraservices","description":"","publisher":{"@id":"https:\/\/www.liainfraservices.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.liainfraservices.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.liainfraservices.com\/blog\/#organization","name":"Blog | Liainfraservices","url":"https:\/\/www.liainfraservices.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.liainfraservices.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.liainfraservices.com\/blog\/wp-content\/uploads\/2021\/10\/lia-logo-b-e1635340384244.png","contentUrl":"https:\/\/www.liainfraservices.com\/blog\/wp-content\/uploads\/2021\/10\/lia-logo-b-e1635340384244.png","width":308,"height":96,"caption":"Blog | Liainfraservices"},"image":{"@id":"https:\/\/www.liainfraservices.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.liainfraservices.com\/blog\/#\/schema\/person\/b5a729cb152dd3bc7f07550ca9d223e4","name":"Partho","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/6c5fc8918cc5dbc844eccbeaaf854eef27d2c79ab17ff0022304f712805d6959?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6c5fc8918cc5dbc844eccbeaaf854eef27d2c79ab17ff0022304f712805d6959?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6c5fc8918cc5dbc844eccbeaaf854eef27d2c79ab17ff0022304f712805d6959?s=96&d=mm&r=g","caption":"Partho"},"description":"Partho Das, founder of Lia Infraservices, has 15+ years of expertise in cloud solutions, DevOps, and infrastructure security. He provides consultation on architecture planning, DevOps setup, Kubernetes, and cloud migrations. Partho holds multiple AWS and Azure certifications, along with CISCO CCNA &amp; CCNP. Connect on LinkedIn","sameAs":["https:\/\/www.linkedin.com\/in\/partho-dev\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.liainfraservices.com\/blog\/wp-json\/wp\/v2\/posts\/4343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.liainfraservices.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.liainfraservices.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.liainfraservices.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.liainfraservices.com\/blog\/wp-json\/wp\/v2\/comments?post=4343"}],"version-history":[{"count":9,"href":"https:\/\/www.liainfraservices.com\/blog\/wp-json\/wp\/v2\/posts\/4343\/revisions"}],"predecessor-version":[{"id":4393,"href":"https:\/\/www.liainfraservices.com\/blog\/wp-json\/wp\/v2\/posts\/4343\/revisions\/4393"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.liainfraservices.com\/blog\/wp-json\/wp\/v2\/media\/4348"}],"wp:attachment":[{"href":"https:\/\/www.liainfraservices.com\/blog\/wp-json\/wp\/v2\/media?parent=4343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.liainfraservices.com\/blog\/wp-json\/wp\/v2\/categories?post=4343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.liainfraservices.com\/blog\/wp-json\/wp\/v2\/tags?post=4343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}