Hello useEvent
🇺🇦 #288 — May 11, 2022
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:
Did you know that FedEx inspired the React logo?
Prisma’s co-founder is frustrated by React’s strict mode.
The code behind a Twitter account that automatically generates and tweets videos built by Remotion – the React video generation library.
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.