CSSライブラリ

CSSモジュールズやCSS-in-JSなど、CSSをカスタムする方法を説明しましたが、bootstrapのような既に作られたCSSをベースとしてカスタムすることが実務では多いかと思います。人気のCSSフレームワークとしては以下になります。

• Boostrap

本チャプターにて既に扱っていますが、一つのclass名にて標準的なレイアウトを構築してくれます。その分柔軟性は低いです。

Bootstrapgetbootstrap

• Tailwind

Bootstrapの次に人気のあります。class名にてプロパティを細かくいじることができ、柔軟性は高いですが、クラス名を多くつける必要があります。(個人的に1番おすすめです）

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.Tailwind CSS

• Material UI

こちらはUIコンポーネントのフレームワークで、既に装飾されたコンポーネントをimportして利用するので、とてもお手軽です。またドロップダウンやモーダルなど、動きがあるようなUIをお手軽に実装できるのが強みです。

MUI: The React component library you always wantedMUI_hq