Chakra UIで素早く・美しく開発!React向けコンポーネントライブラリを使おう!

Reactの開発、楽しいですよね!

しかし、イチからUIコンポーネントを作るというのはなかなかの労力が必要です。

昨今の開発ではなにかしらのコンポーネントライブラリを使ってUI開発にかけるコストは減らしているのではないでしょうか。

今回はそんなコンポーネントライブラリの中で筆者がよく使うChakra UIを紹介していきます。

この記事でわかること
  • Chakra UIとはなにか
  • コンポーネントの使い方
  • レスポンシブデザイン
  • カラーモードの切り替え
目次

Chakra UIってなに?

React向けのコンポーネントライブラリです。

以下のようにChakra UIが提供しているコンポーネントを利用してUIを作成します。
スタイルを指定する際にはコンポーネントに指定可能なpropsを引数として渡します。

よかったらシェアしてね!
  • URLをコピーしました!
目次