Mengenal Fitur Terbaru Laravel 7 – New Blade Components Part 2

Hallo teman-teman jika berbicara soal framework yang satu  ini kita pasti dan sudah seharusnya tidak lagi kaget dengan kecepatan update versinya, yups.. benar framework laravel telah rilis versi terbarunya yaitu versi laravel 7 😀 . Oke jangan kaget terlebih dahulu karena baru saja beberapa bulan yang lalu rilis laravel versi 6 dan sekarang sudah ada versi 7 nya.

Yang perlu teman-teman ketahui bahwasanya laravel sekarang akan mengupdate versi mayor realesee nya setiap 6 bulan 1 kali jadi jika dalam 6 bulan kedepan akan ada versi 8 jangan kaget ya heheh.

Setelah pada artikel sebelumnya kita telah membahas Mengenal Fitur Terbaru Laravel 7 – New Blade Components nah kita akan coba lebih mendalam lagi masih tentang Mengenal Fitur Terbaru Laravel 7 – New Blade Components Part 2.

Lalu apa saja yang dapat kita lakukan dengan blade component ini ? apakah hanya sebatas merender HTML saja atau ada maanfaat lain.   Oke selain yang sudah kita bahas ternyata kita juga dapat mengirimkan data atau passing variable ke component tersebut.

Sekarang kita akan coba mempassing data dan silahkan ubah route teman-teman menjadi seperti ini :

Route::get('/component', function () {
    $lists = [
        'Home',
        'About',
        'Contact'
    ];
    return view('example', [
        'lists' => $lists 
    ]);
});

Di sini kita akan mencoba mengirimkan data berupa array ke component side-bar.blade.php lalu kita akan melakukan foreach.

Setelah kita ubah routenya menjadi seperti itu, langkah selanjuntya adalah kita ubah example.blade.phpnya menjadi seperti ini :

<x-side-bar :lists="$lists"></x-side-bar>

Jika kita ingin mengirikan data ke sebuah component maka kita juga harus menagkap data tersebut, kita dapat melakukanya di SideBar.php dengan cara seperti ini :

<?php

namespace App\View\Components;

use Illuminate\View\Component;

class SideBar extends Component
{
    public $lists;
    /**
     * Create a new component instance.
     *
     * @return void
     */
    public function __construct($lists = [])
    {
        $this->lists  = $lists; 
    }

    /**
     * Get the view / contents that represent the component.
     *
     * @return \Illuminate\View\View|string
     */
    public function render()
    {
        return view('components.side-bar');
    }
}

Terakhir setelah kita menangkap data yang dikirimkan,  selanjutnya kita sudah dapat menggunakanya pada file component kita seperti ini :

<div>
    <h3>This is my side bar</h3>

    <ul>
        @foreach ($lists as $list)
            <li>{{ $list }}</li>
        @endforeach
    </ul>
</div>

Maka hasilnya akan seperti ini :

Okeh untuk saat ini cukup sampai di sini tentang Mengenal Fitur Terbaru Laravel 7 – New Blade Components Part 2 kita akan bahas lebih mendalam lagi tentang Fitur lainya pada laravel 7di artikel selanjutnya.