0
0

More than 1 year has passed since last update.

【Laravel Breeze】Breezeのデフォルトで存在するコンポーネントを図解していく

Last updated at Posted at 2022-07-28

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

1659019117642.jpg

dashboard.blade.php(スマホ画面)

赤色=コンポーネント
黒色=slot

※枠に囲まれていない要素はベタ書きされてる要素です(=コンポーネントでない)

1659019094737.jpg

login.blade.php

赤色=コンポーネント
黒色=slot

※枠に囲まれていない要素はベタ書きされてる要素です(=コンポーネントでない)

1659019136042.jpg

感想

図解してみたらslotがどこに渡されてるのか分かって嬉しかったです。(小並感)

ReactやらVueやらでもコンポーネントばっかや。
世はまさに大コンポーネント時代(ありったけのpropsをーかき集めー)

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0