40. よくあるボタンコンポーネントを作成する

95IG7y3HHX7yl4/05_フロントエンド/04_よくあるボタンコンポーネントを作成する/01_はじめに React ( Next.js ) の環境を立ち上げよう/課題.md

@@ -0,0 +1,24 @@
+# 課題１ 課題２
+## 以下の使用を満たすボタンのコンポーネントを作成してください
+## 上記ボタンコンポーネントのStoryをStorybookで作成してください
+https://github.com/YamazakiYusuke/praha-challenge-front-end/pull/5
+
+# 課題3
+## 今回のように「children」として要素を受け取ることでボタンの中身を変えることも、「text」といったpropsを定義してボタンのテキスト文言だけを変えることもできますどちらの設計でも似たようなことが実現できそうですが、果たしてどちらを採用するべきか、考えてみてください。
+
+### 「children」として要素を受け取る
+メリット
+- childrenを自由に変更できるので、自由度が高く柔軟に引数から表示内容を変更できる。
+
+デメリット
+- 自由度が高いので、引数による予期しないエラーやレイアウト崩れが発生する可能性がある。
+
+### 「text」といったpropsを定義してボタンのテキスト文言だけを変える
+メリット
+- 変更できる箇所が限られているので、コードが明瞭である。
+
+デメリット
+- 自由度が低い。
+
+不用意に自由度の高いパラメータをセットすべきではない。
+コンポーネントが求められる要件に応じて、適切な設計を選択することが重要である。