A React implementation of Spectrum, Adobe’s design system
react-spectrum.adobe.com
A React implementation of Spectrum, Adobe’s design system
1–10 of 74 posts
Re: A React implementation of Spectrum, Adobe’s design system
#2Regardless of the react aspect, Adobe could use some lessons on usability fundamentals. This design system's use of pervasive fade animations and low contrast are rather upsetting.
Re: A React implementation of Spectrum, Adobe’s design system
#3Is it me / my environment or is the low contrast nature of that design just really hard to look at / read?
Re: A React implementation of Spectrum, Adobe’s design system
#4Regardless of the react aspect, Adobe could use some lessons on usability fundamentals. This design system's use of pervasive fade animations and low contrast are rather upsetting.
+1 on these shortcomings, though I think it's also worth celebrating what they do right. Namely, I'm glad the system has the concept of "desktop" and "mobile" scales, and doesn't use the same size components for every platform. They also differentiate between touch and cursor hit areas, which is neat [1].
Re: A React implementation of Spectrum, Adobe’s design system
#5417KB minified :|
Re: A React implementation of Spectrum, Adobe’s design system
#6417KB minified :|
That is for the full bundle - looking at the repo, the individual components are separated into packages.
Re: A React implementation of Spectrum, Adobe’s design system
#7hey everyone. I work on React Spectrum. Happy to answer any questions. :)
I'd also point to our introductory post where we discuss the architecture. I think the most interesting thing is that you can reuse most of the behavior, accessibility, etc. without our design in your own component library using our hooks. https://react-spectrum.adobe.com/blog/introducing-react-spec...
Re: A React implementation of Spectrum, Adobe’s design system
#8hey everyone. I work on React Spectrum. Happy to answer any questions. :) I'd also point to our introductory post where we discuss the architecture. I think the most interesting thing is that you can reuse most of the behavior, accessibility, etc. without our design in your own component library using our hooks. https://react-spectrum.adobe.com/blog/introducing-react-spec...
Nice work, thanks for sharing.
Re: A React implementation of Spectrum, Adobe’s design system
#9One of the things that I always find missing in these libraries/collections is a date/time picker. I know these are available via many separate projects, but it's nice if one picks a collection like that, that all inputs are homogeneous.
Re: A React implementation of Spectrum, Adobe’s design system
#10One of the things that I always find missing in these libraries/collections is a date/time picker. I know these are available via many separate projects, but it's nice if one picks a collection like that, that all inputs are homogeneous.
Our date picker is in progress right now actually. Should be available relatively soon. Date pickers are one of the most complicated components, especially due to internationalization/accessibility requirements.