đŸ‡ș🇩 #​288 — May 11, 2022

Read on the Web

React Status

An RFC for useEvent, a New Fundamental React Hook — 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) — 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 and thinks it’ll eventually “change the way you write modern React.”

Nick Scialli

Build Your Custom React Chat App Fast — 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 — 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 — 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 as used to build a single page application.

John Smilga

Quick bits:

Jobs

React Developer at X-Team (Remote) — 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) — 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 — 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 — 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 — Is the only reason you’re using the key attribute to satisfy an obscure ESlint 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 — A explanation of a Cypress test to confirm the onClick handler is executing when a button component is clicked, complete with source code.

Gleb Bahmutov

How to Handle URL Redirects When Using a Headless CMS

Kontent by Kentico sponsor

The as Prop — A succinct description on its use to combine semantics with aesthetics in a flexible way.

Robin Wieruch

Storybook Performance: Vite vs Webpack
Ian VanSchooten (Storybook)

🛠 Code and Tools

Reagraph: WebGL Graph Visualizations for React — 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 you can play with.

REAVIZ

Horizon UI: A Beautiful Open Source Admin Template for Chakra UI and React — Includes 70+ dark/light components covering a whole slew of UI possibilities. View a live preview here.

Horizon UI

Scrollex: A Library to Build Beautiful Scroll Experiences with Minimal Code — Definitely not for every project but you can check out some really cool examples of what’s possible on the demo page.

Austin Malerba

âšĄïž Quick Bits:

react-avatar-editor — Resize, crop and rotate your uploaded avatar or profile image using a simple and clean user interface. (Demo.)

react-simply-carousel — Simple, lightweight, fully-customisable carousel component with SSR support.

react-gridsheet — Simple spreadsheet like component—with both light and dark modes.

tabler-icons — Over 1950 free MIT-licensed high-quality SVG icons.