Conversation

Notices

1. Embed this notice
   Sara Joy :happy_pepper: (sarajw@front-end.social)'s status on Sunday, 03-Nov-2024 16:11:36 JST Sara Joy :happy_pepper:

   Convinced my fellow front-end colleague in the new project we're setting up, that we can have a headless UI library, and an accessible one at that.

   Whoopeeeeee, FINALLY I am spending work hours writing CSS!!! ✨🤩🎉

   Have chosen to use Adobe React Aria Components for the gnarlier UI challenges. Happy!

   Only took two years in the job, hahaha sigh...

   • Embed this notice
     Sara Joy :happy_pepper: (sarajw@front-end.social)'s status on Sunday, 03-Nov-2024 16:11:29 JST Sara Joy :happy_pepper:

     in reply to

     • Mayank
     • Martin Matovu

     @mayank @matovius if you can use an HTML native element and restyle that, do that first before using APG.

   • Embed this notice
     Mayank (mayank@front-end.social)'s status on Sunday, 03-Nov-2024 16:11:30 JST Mayank

     in reply to

     • Martin Matovu

     @matovius @sarajw there's good parts and bad parts. APG only shows you how to use ARIA (which may not even be supported), it's not a production-tested pattern library to use as a blueprint. that's why there's a prominent warning on every page

     alcinnz repeated this.
   • Embed this notice
     Martin Matovu (matovius@mastodon.social)'s status on Sunday, 03-Nov-2024 16:11:32 JST Martin Matovu

     in reply to

     • Mayank

     @mayank @sarajw wait so APG isn't good? I never got the memo. Would you mind giving some insight?

   • Embed this notice
     Mayank (mayank@front-end.social)'s status on Sunday, 03-Nov-2024 16:11:33 JST Mayank

     in reply to

     @sarajw oh APG is a whole another topic (and yes problematic). but i was getting at something different here:
     - React Aria tends to laser focus on SR experience, to the point that they add lots of code to work around SR quirks (not always a good thing).
     - they abstract away the DOM too much (e.g. made-up "press" events) which could be a hindrance when you need control. they also overload the `slot` attribute, which can cause problems if you use shadow DOM.
     - their components are not polymorphic.

   • Embed this notice
     Sara Joy :happy_pepper: (sarajw@front-end.social)'s status on Sunday, 03-Nov-2024 16:11:34 JST Sara Joy :happy_pepper:

     in reply to

     • Mayank

     @mayank oh I'm sure like many other things it's a bit heavily reliant on APG at times. I'll have to test some things through of course - and try not to automatically use their components if we don't have to.

   • Embed this notice
     Mayank (mayank@front-end.social)'s status on Sunday, 03-Nov-2024 16:11:35 JST Mayank

     in reply to

     @sarajw lessgooo CSS

     i'll be curious to hear how it goes with React Aria Components. they do some weird things, is my understanding