---
title: "A roundup of React component libraries"
publication: "React Status"
issue: 275
published_at: "2022-02-09"
canonical_url: "https://react.statuscode.com/issues/275"
---

Plus save the date for Remix Conf, some React Router 6 tutorials, and a neat tagging component. |        

#​275 — February 9, 2022 

[Read on the Web](https://react.statuscode.com/issues/275)   React Status ⚛️ Your weekly React news digest, _every Wednesday_.  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/wyxfhwilowcknhdias4z.jpg)](https://twitter.com/sangster/status/1486382892326563845)  

[Etsy Migrated from React 15.6 to Preact (Instead of React 16)](https://twitter.com/sangster/status/1486382892326563845) — There’s a full explanation about the decision behind all of this in [this document about updating React at Etsy.](https://github.com/mq2thez/blog/blob/main/upgrade-react-etsy/preact-vs-react.md) But [Preact](https://preactjs.com/), a smaller React alternative with the same API, turned out to be the right choice for them. 

Twitter   

[React — The Missing Parts?](https://acko.net/blog/react-the-missing-parts/) — The author works through a thought experiment intended to answer the question as to whether React’s _props_, _state_ and _hooks_ patterns can be used for non-UI applications: _“It’s also a trip to a parallel universe where the React team made different decisions, subject to far less legacy constraints”_. 

Steven Wittens   [![\](https://copm.s3.amazonaws.com/ae9d744f.jpg)](https://frontendmasters.com/courses/rx-js/?utm_source=reactstatus&utm_medium=email&utm_content=rxjs) 

[Learn the Fundamentals of Rx.js](https://frontendmasters.com/courses/rx-js/?utm_source=reactstatus&utm_medium=email&utm_content=rxjs) — This useful JavaScript library is great for managing events that happen over time, and in this detailed video course Steve Kinney covers what you need to know to make use of it — including observables, events, intervals, timers, operators, and more. 

Frontend Masters sponsor   

[An Intro to Authentication in React Router 6](https://www.robinwieruch.de/react-router-authentication/) — A practical walkthrough of implementing authentication alongside React Router 6 in a bare-bones example app. You can then move on to.. 

Robin Wieruch   

[React Router 6 and Private Routes (a.k.a. Protected Routes)](https://www.robinwieruch.de/react-router-private-routes/) 
Robin Wieruch   

[Build Decoupled React Components with Inversion of Control](https://t.co/XFiqjbcCD3) — The [Inversion of Control](https://medium.com/@amitkma/understanding-inversion-of-control-ioc-principle-163b1dc97454) principle is suited to scenarios where you want to isolate functionality for future possible retrofits, such as swapping out one payment provider for another. 

César Felipe    

Jobs  

[React Developer at X-Team (Remote)](https://x-team.com/remote-react-developer-jobs/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=cooperpress-react&utm_content=react) — Join the most energizing community for developers and work on long-term projects for Riot Games, FOX, Sony, Coinbase, and more. 
X-Team   

[Senior React Engineer @ Nebulab (Remote)](http://nebulab.com/careers?gh_src=659d9832teu) — Join our distributed team and build high-volume eCommerce applications in a workplace made by developers for developers. 
Nebulab   

[Say Goodbye to the Office Hello to Freedom](https://topt.al/DVcD4n) — There’s a reason thousands of developers are switching to remote freelance. Join the world’s top talent network and find out why. 
Toptal      

📅 [Remix Conf: Save That Date?](https://remix.run/conf) — In-person conferences are making a steady comeback: the [Remix folks](https://remix.run) are getting on-board with their event coming up in Salt Lake City, Utah on May 24 and 25, 2022. There’s still time to [submit your speaker proposal](https://remix.run/conf/speakers/you). 

Remix   

[Using React with D3.js](https://wattenberger.com/blog/react-and-d3) — We felt this fantasticly accessible intro to D3.js deserved more attention than it got last year, so it’s back :-) 

Amelia Wattenberger   

▶[Trigger a Function When Scrolling to An Element in React with Intersection Observer](https://www.youtube.com/watch?v=r1auJEf9ISo) 
Colby Fayock  

🛠 Code and Tools 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/m9altra8nw4cj21n8fno.jpg)](https://stackdiary.com/react-component-libraries/)   

[React Components: 15+ Extensive Libraries](https://stackdiary.com/react-component-libraries/) — It sometimes seems not an issue goes by where we don’t introduce a new component library. It is a useful exercise, therefore, to present a summary of a number of them, including some consideration as to where a given library best fits. 

Alex Ivanovs   

[React Tags 6.8: A Simple Tagging Component](https://github.com/react-tags/react-tags) — Inspired by Gmail’s “To” field. Supports autocomplete, as well as reordering tags with drag and drop. [Sandbox demo here](https://stackblitz.com/edit/react-tag-input-1nelrc). 

Prakhar Srivastav   

[React Calendar 3.6: The 'Ultimate' Calendar for Your React App](https://projects.wojtekmaj.pl/react-calendar/) — A popular, simple-styled calendar component for React apps, focused mostly on letting users pick dates. [GitHub repo](https://github.com/wojtekmaj/react-calendar). 

Wojciech Maj   

[Free Activity Feeds & Chat APIs for Qualifying Teams](https://getstream.io/maker-account/?utm_source=ReactStatus&utm_medium=Newsletter_Content_Ad&utm_content=Developer&utm_campaign=ReactStatus_Jan2022_MakerAccount) 

Stream sponsor   

[react-marksome: Markdown Subset Parser](https://github.com/miguel-silva/react-marksome) — A full [Markdown](https://daringfireball.net/projects/markdown/) implementation is not always required: here’s a component that parses a [limited subset](https://github.com/miguel-silva/react-marksome#supported-markdown) that may be all that’s really needed. 

Miguel Silva   

[react-d3-speedometer 1.0.2: A Speedometer-Style Gauge for React](https://www.npmjs.com/package/react-d3-speedometer) 
Arun Kumar   

[React Trix RTE: A React Wrapper for the Trix Rich Text Editor](https://github.com/abhaynikam/react-trix-rte) 
Abhay Nikam    

## ⚡️ Quick Bits:   

[react-use-websocket](https://www.npmjs.com/package/react-use-websocket) — A hook for WebSocket communications, now in its third major release.   

[react-use-mouse-position (QB)](https://github.com/hxf31891/react-use-mouse-position) — Track the mouse’s position with this hook.   

[react-hexgrid](https://github.com/Hellenic/react-hexgrid) — Use React to create this popular strategy / puzzle game element.           

This issue was curated by Terence C. Gannon and edited by the Cooperpress team. 

A **[Cooperpress](https://cooperpress.com/)** publication. 

[Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom