~reactstatus | Bookmarks (7)

React Horizontal Scrolling Menu 7.0 — A customizable horizontal scrolling menu component that’s responsive and can support numerous control approaches via scrollbars, touch, mouse wheel, etc. There are plenty of Storybook examples.

Best Practices for Writing Tests with React Testing Library — Covers common mistakes made when using React Testing Library, along with topics like using specific queries to improve test coverage.

React Datepicker 6.0: A Simple Date Picker Component — Can you ever recall seeing so many examples on a homepage? More libraries should do this!

Lessons Learned Upgrading to React 18 — If you get the feeling everyone upgrades to using the newest React version and features ASAP, it’s not true. Most teams take a while to do big upgrades (if they even do so at all) so it’s interesting to see the SonarQube team’s story and some issues they ran into.

☕️  Bundling React with Spring Boot — If you work (or need to work) in the Java / JVM world, this walks through an entire process of turning a Spring and React based app into a single JAR file.

React Wrap Balancer: A Component for Better Title Displays — A simple component that improves the rendering of titles in your app by avoiding single overhanging words.

📊 The React Graph Gallery — This may have been my personal favorite React Status link of 2023. It's a site packed with demonstrations of an array of different chart types rendered with React and D3.js, complete with explanations and code you can take away to reproduce them. Examples include Sankey diagrams, treemaps, and correlograms – there’s a lot to enjoy.