---
title: "Hello useEvent"
publication: "React Status"
issue: 288
published_at: "2022-05-11"
canonical_url: "https://react.statuscode.com/issues/288"
---

Plus a WebGL-powered graph visualization library for React. |        

🇺🇦 #​288 — May 11, 2022 

[Read on the Web](https://react.statuscode.com/issues/288)   React Status  

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/rqmvkkuchdxguvskdhgm.jpg)](https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md)  

[An RFC for `useEvent`, a New Fundamental React Hook](https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md) — Billed as a so-far ‘missing piece’ of the hooks system, the proposed `useEvent` is for defining an event handler that ‘sees’ fresh props/state but has a stable function identity. The motivation and use cases are shown off here and the React team is open to your feedback. 

Dan Abramov   

[What The `useEvent` Hook Is (and Isn't)](https://typeofnan.dev/what-the-useevent-react-hook-is-and-isnt/) — If you want a bit more background to the above, Nick has some initial reactions to the useEvent hook RFC. James Brightman [also thinks about it](https://javascript.plainenglish.io/react-useevent-the-latest-and-greatest-react-hook-56ae71febbf3) and thinks it’ll eventually _“change the way you write modern React.”_ 

Nick Scialli   [![\](https://copm.s3.amazonaws.com/d539f50b.png)](https://sendbird.com/signup?&utm_source=cooperpress_ad&utm_medium=newsletter&utm_campaign=react_newsletter&utm_content=ad_2) 

[Build Your Custom React Chat App Fast](https://sendbird.com/signup?&utm_source=cooperpress_ad&utm_medium=newsletter&utm_campaign=react_newsletter&utm_content=ad_2) — The Sendbird UIKit is ideal to quickly build a world-class, custom, React chat app. Sign up for a free trial now and experiment with the richest chat API on your own schedule with our free forever Developer plan. 

Sendbird sponsor   

[A Report from Reactathon](https://swizec.com/blog/learnings-about-the-future-of-the-web-from-reactathon/) — In-person React events remain few and far between as the COVID situation continues to play out around the world, but Reactathon brought a lot of folks together and Swizec reflects on the key themes here. 

Swizec Teller   

▶[React Router 6 Tutorial for Beginners](https://www.youtube.com/watch?v=59IXY5IDrBA) — A new video by this noted educator where he goes back to basics for React beginners. In this case, he takes up the subject of [React Router](https://reactrouter.com) as used to build a [single page application](https://en.wikipedia.org/wiki/Single-page_application). 

John Smilga   

**Quick bits:** 

- Did you know that [FedEx inspired the React logo?](https://maykelloomans.com/notebook/how-fedex-influenced-the-react-logo)
- Prisma's co-founder [is frustrated](https://twitter.com/schickling/status/1523378971458498560) by React's strict mode.
- [The code](https://github.com/KalleChen/master-duel-week) behind a Twitter account that automatically generates and tweets videos built by [Remotion](https://www.remotion.dev/) - the React video generation library.    

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 Software Engineers at Turo (SF | Remote/Hybrid Options)](https://www.beforeyouapply.com/team/engineering-at-turo?) — The world's largest car sharing marketplace on a mission to put the world’s 1.5B cars to better use. We're hiring BE, FE, ML, iOS, Android & DevOps roles at all levels. 
Turo   

[Senior React Developer (m/f/d) - Remote in Germany](https://celebratecompany.recruitee.com/l/en/o/senior-react-developer-mwd) — Help us take our products to the next level and work in an autonomous, cross-functional team with a strong sense of purpose. 
die kartenmacherei GmbH / celebrate company GmbH   

[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      

[The `key` Attribute and Best Practices for Performant Lists](https://www.developerway.com/posts/react-key-attribute) — Is the only reason you’re using the `key` attribute to satisfy an obscure [ESlint](https://eslint.org) rule? If so, the author asserts there are better reasons than that to make it part of your routine. 

Nadia Makarevich   

[A Quick React Component Test](https://glebbahmutov.com/blog/quick-click/) — A explanation of a [Cypress](https://www.cypress.io) test to confirm the `onClick` handler is executing when a button component is clicked, complete with [source code](https://github.com/bahmutov/click-returns-true). 

Gleb Bahmutov   

[How to Handle URL Redirects When Using a Headless CMS](https://kontent.ai/blog/how-to-handle-url-redirects-with-headless-cms/?utm_source=reactstatus&utm_medium=cooperpress_newsletter&utm_campaign=q4_newsletter_cooperpress) 

Kontent by Kentico sponsor   

[The `as` Prop](https://www.robinwieruch.de/react-as-prop/) — A succinct description on its use to combine semantics with aesthetics in a flexible way. 

Robin Wieruch   

[Storybook Performance: Vite vs Webpack](https://storybook.js.org/blog/storybook-performance-from-webpack-to-vite/) 
Ian VanSchooten (Storybook)  

🛠 Code and Tools 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/ikwj6dze53rwcf8bs3k8.jpg)](https://github.com/reaviz/reagraph)   

[Reagraph: WebGL Graph Visualizations for React](https://github.com/reaviz/reagraph) — A high-performance network graph visualization library that uses WebGL under the hood for both 2D and 3D rendering options. Here’s [a basic sandbox example](https://codesandbox.io/s/reagraph-example-mwh96q) you can play with. 

REAVIZ   

[Horizon UI: A Beautiful Open Source Admin Template for Chakra UI and React](https://horizon-ui.com/#/) — Includes 70+ dark/light components covering a whole slew of UI possibilities. View a [live preview here](https://horizon-ui.com/horizon-ui-chakra/#/admin/default). 

Horizon UI   

[Scrollex: A Library to Build Beautiful Scroll Experiences with Minimal Code](https://github.com/malerba118/scrollex) — Definitely not for every project but you can check out some really cool examples of what’s possible [on the demo page](https://scrollex-docs.vercel.app/examples). 

Austin Malerba    

## ⚡️ Quick Bits:   

[react-avatar-editor](https://github.com/mosch/react-avatar-editor) — Resize, crop and rotate your uploaded avatar or profile image using a simple and clean user interface. ([Demo.](https://react-avatar-editor.netlify.app/))   

[react-simply-carousel](https://github.com/vadymshymko/react-simply-carousel) — Simple, lightweight, fully-customisable carousel component with SSR support.   

[react-gridsheet](https://github.com/walkframe/react-gridsheet) — Simple spreadsheet like component—with both light and dark modes.   

[tabler-icons](https://github.com/konradkalemba/tabler-icons-react) — Over 1950 free MIT-licensed high-quality SVG icons.           

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