Bibliotecas React Spectrum da Adobe

Implementação em React, de código aberto, do sistema de design Spectrum da Adobe

• react-spectrum : implementação em React que oferece componentes com suporte a temas, mouse/toque/teclado e internacionalização

• react-aria : biblioteca de Hooks para React que fornece elementos básicos de UI com foco em acessibilidade

• react-stately : biblioteca de Hooks para React que fornece gerenciamento de estado multiplataforma

[xguru]

• Spectrum é o Design System da Adobe e há uma página separada organizada para isso. https://spectrum.adobe.com/

Já existia o Spectrum CSS, que implementava os componentes do Spectrum apenas com CSS: https://opensource.adobe.com/spectrum-css/

Além disso, eles criaram e divulgaram uma versão em React.

Por que diretrizes de design / design systems são necessários? https://pt.news.hada.io/topic?id=2552