React AriaでつくるUIコンポーネント

全2回

ちょっと複雑なUIの素を提供してくれるライブラリ群であるReact Ariaの使い方を解説します。HTMLのinput要素にスタイルを適用するかのように、React Ariaのコンポーネントにスタイルを適用することで自社のブランドにあったポップオーバー、コンボボックス、カレンダー入力などが作れるのです。

第2回 コンポーネント実装の基本

React Aria Componentsを利用しながら、モーダルUIを実装し、スタイルを付与してみます。React Aria Componentsの利点であるアクセシビリティについても検証します。

第1回 React Ariaとは

第一回目はReact Ariaとはどのようなものか、どのように役立てていけるのか、そのイメージを掴みます。独自実装では見落としがちなアクセシビリティ、ユーザビリティを担保しつつ、独自のスタイルを付与できます。