Skip to content

コンポーネントライブラリ

知識課題

知識課題1

  • Component Libraryの基本概念について説明してください。
  • Headless Component Libraryとは何か、その特徴と従来のUIコンポーネントライブラリとの違いについて説明してください。

実践課題

  • Mantineの公式ドキュメントを参照し、Viteプロジェクトへの導入手順に従ってセットアップを行ってください。
  • 任意のMantineコンポーネント(例: Button,/TextInput/Modal/Cardなど)を最低一つ選択し、プロジェクト内のページやコンポーネントで使用してください。
  • アプリケーションをブラウザで表示し、追加したMantineコンポーネントが意図通りに表示され、機能していることを確認してください。

参考資料