A Laravel（Livewire） - user000422/0 GitHub Wiki

概要

JavaScriptを実装せずに動的なコンポーネントを作成できるライブラリです。
バックエンド（Livewire）で返却するのは実際はJsonとHTML。

図付き解説。
https://qiita.com/sgrs38/items/ee36ecc18fd0b7b3ba38

■メリット
Ajax処理をフロントに記述する必要がなくなる。

■デメリット
情報が少ない。


メモ

「Alpine.js」はキーマン。
「Alpine.js」はLivewireと共に誕生した仮想DOMを利用しない軽量のjavascriptフレームワークです。

Livewire を選択した理由（元React使いの方の記事）
https://qiita.com/koichi_engineer/items/7e9f2e8968ba53861d2f


コマンド

# コンポーネント作成
php artisan make:livewire ShowPosts
# 作成されるファイル: app/Http/Livewire/ShowPosts.php
# 作成されるファイル: resources/views/livewire/showposts.blade.php

コンポーネント

実際の処理を記載する。
app/Http/Livewire/Sample.php

public function sampleSum()
{
    return 1 + 1;
}

表示（blade）側のコンポーネント。
resources/views/livewire/sample.blade.php

<button wire:click="sampleSum">コンポーネント実行ボタン</button>

素のbladeに埋め込む

<body>
    <livewire:sample>
    @livewireScripts
</body>

⚠️ **GitHub.com Fallback** ⚠️