react-spectrum

React Spectrum Librariesは、Adobeが提供する、適応性、アクセシビリティ、堅牢性を備えたユーザー体験を構築するためのライブラリとツールのコレクションです。このプロジェクトは、ユースケースに応じて個別に採用できる複数のパッケージで構成されています。 React Spectrumは、AdobeのデザインシステムであるSpectrumのReact実装であり、Adobeアプリケーション向けに適応性、アクセシビリティ、一貫性を備えたコンポーネントを提供します。React Ariaは、アプリケーションやデザインシステム向けにアクセシブルで高品質なUIコンポーネントを構築するための、スタイルなしのReactコンポーネントとフックを提供します。React Statelyは、デザインシステムにおけるクロスプラットフォームの状態管理のためのReactフックを提供します。Internationalizedは、ウェブ向けのフレームワークに依存しない国際化ライブラリのセットです。 READMEで説明されている主な機能には、WAI-ARIAオーサリングプラクティスに従ったアクセシビリティと動作が含まれ、スクリーンリーダーとキーボードナビゲーションをサポートし、さまざまなスクリーンリーダーとデバイスでテストされています。コンポーネントは、マウス、タッチ、キーボード操作向けに設計され、レスポンシブデザインの原則に従っています。国際化サポートは、右から左に記述する言語を含む30以上の言語、日付と数値のフォーマットをカバーしています。React Spectrumコンポーネントは、カスタムテーマと自動ダークモード適応をサポートします。さらにカスタマイズするには、React AriaとReact Statelyのフックを使用して、動作、アクセシビリティ、インタラクションを備えたコンポーネントを構築できます。 はじめにのガイダンスでは、ライブラリの違いを説明しています。React Spectrumは、Adobeソフトウェアとの統合や完全なコンポーネントライブラリの使用に適しています。React Ariaは、カスタムスタイリングでコンポーネントライブラリをゼロから構築する場合に適しています。React Statelyは、状態管理フックを提供し、React Ariaと組み合わせて使用したり、独立して使用したり、React Nativeなどの他のプラットフォームでも使用できます。READMEには、アーキテクチャのRFCとコントリビューティングガイドへのリンクがあり、規模を問わずコミュニティからの貢献を歓迎しています。