October 13 - Top 3 React articles
Here are your curated resources for the week.
1. Opinion: An Honest Review of Gatsby by David Cramer (CTO at Sentry)
We decided to adopt Gatsby for Sentry’s customer-facing documentation - well, I should say that I decided. We were already using it successfully for a variety of static marketing content, and I knew it had a lot of hype, so after a brief proof-of-concept it seemed like a safe choice.
2. Building a truly accessible clickable card by Andrew Easton
By adding key handling, a tab index, a role and an aria-label, this div essentially becomes an accessible button and then we can add whatever content we want within the button. This solution works great for simple components that actually look and function like a button.
Although in that case, it likely makes more sense to use the more semantic button. Unfortunately, this approach is less effective with complex components. Let’s take another look at the account card component mentioned above.
3. Library: React-Menu by Zheng Song
React menu components for easy and fast web development.
- Unlimited levels of submenu
- Supports context menu
- Customisable styling
- Comprehensive keyboard interactions.
- Adheres to WAI-ARIA Authoring Practices.
Sponsor: This is how top engineering teams build and maintain design systems
A practical deep dive into building, scaling and maintaining high-quality design systems - for software engineers.
Want to share this with a friend? Use this link