🇺🇦 #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.
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.”
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.
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.
▶ 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.
Did you know that FedEx inspired the React logo?
Prisma’s co-founder is frustrated by React’s strict mode.
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.
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.
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.
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.
Kontent by Kentico sponsor
The as Prop — A succinct description on its use to combine semantics with aesthetics in a flexible way.
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.
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.
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.
⚡️ Quick Bits:
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.