React Newsletter #336

RIP useEvent, Making React fast and reactive, and What's new in Gatsby in 2022


This issue is sponsored by Unlayer.

They built this embeddable Drag and Drop Editor for SaaS, so that your customers can easily create beautiful and responsive emails and websites. It's a great way to unlock a ton of new functionality for your SaaS app without having to do a ton of extra work. Win-win.

Check it out.


News

useEvent is dead

It seems that way at least. Dan Abramov commented on the RFC for the new hook, saying that the React Team plans to "shelve the current RFC, with a plan to publish a different, more scoped down RFC that supersedes this one. Since the new RFC will be different in scope, we might also give that Hook a different name."


Articles

Making React fast by default and truly reactive

Jay Meistrich writes about what he and his team found to be React's two "fundamental flaws" when building their app, and how they were able to effectively address both of those issues by changing React components to render only once, deleting all the normal hooks, and writing less code.

What’s New In Gatsby 2022?

There have been a lot of changes to Gatsby over the past few years. In this article, Paul Scanlon explains what Gatsby can do today, and how he used some of the new features when upgrading his personal website from Gatsby 2 to Gatsby 4.

Vitest with React Testing Library

Robin Wieruch wrote this quick walkthrough of how to set up React Testing Library in Vitest when using Vite. And since Vite seems to be taking over the web, this is a helpful guide.

Overcoming Popular Issues With React Projects

In this article, Nick Olszanski writes about a few tricks he's used to successfully sidestep many of the common problems people discuss when building React apps.


Jobs

Senior or Staff Front-end Engineer -- React (100% Remote)

Close.com is looking for 2 experienced individuals that have a solid understanding of React and want to help design, implement and launch major user-facing features. Close is a 100% globally distributed team of 65 high-performing, happy people that are dedicated to building a product our customers love.


Projects

vite-ts-react-tailwind-template

This is exactly what is sounds like -- a starter kit for Vite, React, TypeScript, and Tailwind that's minimal, fast and comes with sensible defaults. Created by Christoph Nakazawa.

Ignite 8.0

Jamon Holmgren wrote about this major release for the popular React Native starter kit/boilerplate. There's a lot of new stuff packed into this release, including massively expanded documentation, revamped components, a new icon generator, and more.

React Flow 11

This new major release for the highly customizable React component for building interactive graphs and node-based editors comes with better accessbility by default, cleaner edge routing for smoothstep and step edges, and more.

LocatorJS

A browser extension and/or library that lets you click on any component in the browser to open its code in your IDE. Works with React, Preact, Solid, Vue and Svelte.


Videos

Build a React Portfolio Website With Tailwind

This hour-long video walks you through how to build a smooth, good-looking portfolio with React and Tailwind CSS.

5 Pro-Level React Do's & Don'ts

This 30-minute video by Jack Herrington walks through what you should avoid and what you should definitely do when using React at a more professional level.

made with ❤️ by ui.dev