React UIライブラリの歴史

2015年

MUIが登場

2018年

テーマなどアプリケーションの設計思想まで提供する時代になった。

• MUI
• Chakura UI
• Emotion
• stlyed-component
• Theme UI

2020年

Headless UI的な概念が登場

• Radix UI
• Headless UI

見た目は提供せず、以下のような難しいアクセシビリティや細かい挙動などを提供してくれる。

Dialogであれば。

• Escapeで閉じる
• フォーカスを適切に管理
• スクリーンリーダー対応
• Portal
• キーボード操作
• ARIA

tailwind cssもこの流れ。

2023年

ライブラリをインストールすると、コンポーネントのコードそのものをコードに持ってくる時代になった。

• shadcn/ui