# Adobe React Spectrum Libraries

> Clean Markdown view of GeekNews topic #2553. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2553](https://news.hada.io/topic?id=2553)
- GeekNews Markdown: [https://news.hada.io/topic/2553.md](https://news.hada.io/topic/2553.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-07-30T09:42:56+09:00
- Updated: 2020-07-30T09:42:56+09:00
- Original source: [react-spectrum.adobe.com](https://react-spectrum.adobe.com/)
- Points: 5
- Comments: 1

## Topic Body

어도비의 디자인 시스템 Spectrum 을 React로 구현한 오픈소스

- react-spectrum : 테마지원, 마우스/터치/키보드 및 다국어를 고려한 컴포넌트를 제공하는 React 구현체

- react-aria : 접근성을 고려한 UI 기본요소를 제공하는 React Hook 라이브러리

- react-stately : 크로스 플랫폼 상태관리를 제공하는 React Hook 라이브러리

## Comments



### Comment 2455

- Author: xguru
- Created: 2020-07-30T09:43:04+09:00
- Points: 1

* 스펙트럼은 Adobe의 Design System 으로 별도로 정리된 페이지가 있습니다.  https://spectrum.adobe.com/

기존에 CSS만으로 스펙트럼 컴포넌트를 구현한 Spectrum CSS https://opensource.adobe.com/spectrum-css/ 가 있었고,

여기에 추가로 React 버전을 만들어서 공개했습니다.

디자인 가이드라인 / 디자인 시스템은 왜 필요한가  https://news.hada.io/topic?id=2552