Breezeのデフォルトのコンポーネントについての解説はどこにもなかった(たぶん)ので、誰かの役に立てばということでQiitaの記事にしてみました。
「dashboard.blade.php(PC画面)」と「dashboard.blade.php(スマホ画面)」と「login.blade.php」の3つだけ図解しました。
この記事を読むと…
1、dashboard.blade.phpとlogin.blade.phpの構成が分かる。
2、bladeコンポーネントのslotの動きが分かる。
3、再利用したいコンポーネントが見つかるかも。
4、bladeコンポーネントの勉強になるかも。
dashboard.blade.php(PC画面)
赤色=コンポーネント
黄色=includeされたファイル
黒色=slot
dashboard.blade.php(スマホ画面)
赤色=コンポーネント
黒色=slot
※枠に囲まれていない要素はベタ書きされてる要素です(=コンポーネントでない)
login.blade.php
赤色=コンポーネント
黒色=slot
※枠に囲まれていない要素はベタ書きされてる要素です(=コンポーネントでない)
感想
図解してみたらslotがどこに渡されてるのか分かって嬉しかったです。(小並感)
ReactやらVueやらでもコンポーネントばっかや。
世はまさに大コンポーネント時代(ありったけのpropsをーかき集めー)