--- title: "LEGO's take on an accessible select component" publication: "React Status" issue: 307 published_at: "2022-09-28" canonical_url: "https://react.statuscode.com/issues/307" --- Plus RIP useEvent - for now - and a love-it-or-hate-it React rant. | #​307 — September 28, 2022 [Read on the Web](https://react.statuscode.com/issues/307) React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/snbd7ql8ocism58suaom.jpg)](https://acko.net/blog/get-in-zoomer-we-re-saving-react/) 🔥 ['Get in Zoomer, We're Saving React'](https://acko.net/blog/get-in-zoomer-we-re-saving-react/) — An opinion piece (often a polite term for 'rant') that has proven to be _quite divisive_ on social – some love it, some hate it. If you want to take a risk at _potentially_ being entertained with a sweeping review of React to date, a comparison to desktop metaphors, and why the author feels React's current trajectory isn’t _quite_ right, dive in – but skip it if you're not in the mood for a round-the-houses ramble. Steven Wittens [The Web Almanac 2022 on JavaScript](https://almanac.httparchive.org/en/2022/javascript) — [_The Web Almanac_](https://almanac.httparchive.org/en/2022/) is an annual ‘state of the web’-style report into what technologies are being used online. The JavaScript page shows us JS payloads continue to increase, but _“React usage notably remained the same from last year at 8%, which may be a signal that adoption of the library has plateaued due to an increasing amount of choices in the JavaScript ecosystem.”_ Jeremy Wagner and the HTTP Archive [![\](https://copm.s3.amazonaws.com/dde0db5a.png)](https://www.courier.com/blog/building-a-slack-integration/?utm_campaign=demand-gen&utm_source=email&utm_medium=react-status-9-28&utm_content=slack-integration-blog) [Build a Slack Integration in a Few Lines of Code](https://www.courier.com/blog/building-a-slack-integration/?utm_campaign=demand-gen&utm_source=email&utm_medium=react-status-9-28&utm_content=slack-integration-blog) — Users expect that your app can reach them via Slack. Instead of building a whole microservice to talk to Slack, use Courier’s multi-channel notification service. Even better, you get logs on every notification that show you where they’re failing. Courier sponsor **IN BRIEF:** - It's not _dead_ but the [`useEvent` RFC](https://github.com/reactjs/rfcs/pull/220#issuecomment-1259938816) is 'shelved' for now, pending a better approach and the associated hook might well end up with a new name. - [Enzo](https://kaleidawave.github.io/posts/introducing-ezno/) is an intriguing, new and experimental JavaScript compiler with type checking and some interesting ideas for React developers. [Testing React Apps in 2022 with Cypress: An In-Depth Guide for Beginners](https://profy.dev/article/cypress-react) — Testing your React apps gives you a safety net. But getting started is cumbersome. Cypress makes it relatively easy and this guide shows you how with quite a detailed example that tests your app in a more similar way to how a real human might. Johannes Kettmann [Managing React Form State Using the React-Form Library](https://shopify.engineering/managing-react-form-state-using-react-form-library) — The second part of a series which explores the use of Shopify’s open source [Quilt](https://github.com/Shopify/quilt) library to implement their [Polaris Design System](https://polaris.shopify.com/?shpxid=5c5bf321-2D64-47C5-437F-9255ADD7EF18). Joe Keohan (Shopify Engineering) [Building an Accessible Select Component in React](https://medium.com/lego-engineering/building-accessible-select-component-in-react-b61dbdf5122f) — A step-by-step (or should we say _brick-by-brick?_) tutorial on how to build a select component specifically with [accessibility](https://www.w3.org/standards/webdesign/accessibility) in mind, a topic an international business like LEGO has at its heart. Kacper Kula (Lego) Jobs [Senior Software Engineer at This Dot Labs (Remote, Worldwide)](https://www.thisdot.co/job/senior-software-engineer-javascript-remote) — Great benefits working in modern tech stacks and amazing clients such as Google, Meta, Twilio, Cloudinary, Roblox, and more. This Dot Labs [Find React Jobs with Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-reactstatus%29&utm_content=find-your-next-job) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. Hired [Use Next.js and Vercel to Build a Live Link-Sharing App with Serverless WebSockets](https://ably.com/blog/next-js-vercel-link-sharing-serverless-websockets) — Explains how to use Next.js and Vercel to build an app with shared live features provided by Ably, a real-time API platform. Mark Lewin [Grasping React Hooks](https://www.brandons.me/blog/grasping-react-hooks) — If you’re using hooks without thinking too much about how they work under the hood, this is for you and fleshes out enough of the mental model to help you resolve problems you might encounter. Brandon Smith [How to Build a Blog with React and ButterCMS](https://buttercms.com/blog/how-to-create-a-blog-with-react/) — ButterCMS is a commercial, managed headless CMS. Chisom Uma (ButterCMS) 🛠 Code and Tools [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/jhdo1hvby0pjsa01mgjn.jpg)](https://github.com/t3-oss/create-t3-app) [create-t3-app: Interactive CLI to Quickly Set Up An Opinionated, Full-Stack, Type-Safe Next.js Project](https://github.com/t3-oss/create-t3-app) — There’s even a [10-minute screencast](https://www.youtube.com/watch?v=PbjHxIuHduU) from _Theo - ping․gg_ showing off how to use it. T3 Open Source [react-digraph 8.1: A Library for Creating Directed Graph Editors](https://github.com/uber/react-digraph) — Create a directed graph editor without implementing SVG drawing or event handling logic yourself. Uber Open Source [Seamlessly Add Chat and Activity Feeds to Your Applications](https://getstream.io/chat/sdk/react/?utm_source=ReactStatus&utm_medium=Promoted_Newsletter&utm_content=Developer&utm_campaign=ReactStatus_September2022_ReactChatSDK_klmh22) Stream sponsor [Preview.js: Fast Component Previews in Your IDE](https://previewjs.com/) — This extension will automatically generate valid props in your components in the preview, has support for CSS-in-JS, and works offline. Available for VS Code and IntelliJ/WebStorm, and supports Solid and Vue components too. Zenc Labs [⌘K: A Fast, Composable, Unstyled Command Palette for React](https://cmdk.paco.me/) — The home page includes some diverse examples demonstrating the different ways you can style and use it. [GitHub repo here](https://github.com/albingroen/react-cmdk). Not to be confused with the similarly named (and featured!) [react-cmdk](https://react-cmdk.com/). Paco Coursey **QUICK RELEASES:** - [React Day Picker 8.3](https://github.com/gpbl/react-day-picker) ↳ Customizable date picker component. - [react-number-format 5.0](https://github.com/s-yadav/react-number-format/releases/tag/v5.0.0) ↳ Component to format numbers in an input or as text. - [React Leaflet 4.1](https://github.com/PaulLeCam/react-leaflet) ↳ React components for Leaflet maps. ([Demo.](https://react-leaflet.js.org/)) - [Eruption](https://github.com/eruptionjs/core) ↳ ‘Next generation’ boilerplate for React/TypeScript, built on top of [Vite](https://vitejs.dev). - [React Native Graph](https://github.com/margelo/react-native-graph) – High perf line graphs for RN. - [docx 7.5](https://github.com/dolanmiu/docx) – Generate Word / .docx files. - [FortuneSheet 0.6.2](https://github.com/ruilisi/fortune-sheet) – Excel-like spreadsheet library. - [react-redux 8.0.4](https://github.com/reduxjs/react-redux) – Official bindings for Redux. This issue was curated by Terence C. Gannon and Peter Cooper 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