Adobe Design System の React Spectrum を理解していく ~ Part 1 概要~

はじめに React を使用したコンポーネントライブラリのコードリーディングをしたいなと思い、Adobe のデザインシステムに組み込まれている React Spectrum を読んでいるので、そのメモを残していく。 1 つの記事にまとめたかったが、コードを読むのに時間がかかるのと、かなり長くなるので分割して残していく。 React Spectrum の概要 本体は Spectrum であり、この思想を生かしたコンポーネントライブラリーとして、React Spectrum がある。 Spectrum の原則は「Rational」、「Human」、「Focused」の 3 つになっており、この原則どおり、アクセシビリティや i18n などを包括的にカバーするように React Spectrum もできている。 React 以外にも CSS だけ取り出してスタイルを当てれるように spectru