React Newsletter #315

useEvent RFC, 8 common React error messages, and Reactathon wrap-up


This issue is sponsored by Appwrite.

Appwrite is a self hosted backend-as-a-service platform that gives you a collection of easy-to-use REST APIs that abstract away all the complex and repetitive parts of building a secure backend. And since it's packaged as a set of (open-source) Docker microservices, you can host it however you want and not have to worry about getting burned by usage-based pricing.

👉 Check out the docs.


Articles

useEvent RFC

A new first-party hook proposal from the React Core Team. It's intended to make it easier to call functions from useEffect and event handlers without worrying about stale closures. Dan Abramov explained a few use-cases for this new hook.

(P)react vs Web Components

In contrast, Sam Thor, who recently left a Google DevRel position, shared his experience going from Web Components to (P)react and gives some comparisons between the two.

8 common React error messages

Chak Shun Yu from LogRocket writes about how to avoid common errors with hooks, component keys, race conditions, excessive renders, and more.


Tutorials

Building Command-Line Apps Using React Ink

You can render React apps just about anywhere these days; Chisom Uma walks through creating an interactive React app that renders to the command line using React Ink.

Create a Satisfying Wave Text Animation

Framer Motion almost makes it too easy to animate React apps. This tutorial by Harsh Singh walks through the steps to create a simple yet beautiful animated wavy text component.


Jobs

Senior or Staff Frontend Engineer - React (100% Remote)

Close.com is looking for 3 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 ~55 high-performing, happy people that are dedicated to building a product our customers love.

Yeti Labs is looking for Frontend (React + Typescript) developers

Yeti Labs is a human-centered frontend studio designing and building webapp for DeFi protocols. We love UI animations, innovative UXs, best practices, reusing our code, improving our workflow and learning new things. Come join our crew as we solve interesting challenges while having fun.


Projects

React Toastify v9

An update to React Toastify with a useNotificationCenter hook for managing incoming notifications.

Click To Component

A clever tool for clicking on a component to open its source code in VS Code. It works with most frameworks, and they're working to make it support more IDEs.

Nested Routes and more coming to Next.js

The features haven't been released yet, but Lee Robinson announced that the team is working on some exciting new features.

Tamagui beta

Tamagui is a universal UI kit for React Native and Web, that "makes hard things easy" -- like themes, responsive styling, and animation. It's made up of a style library, an optimizing compiler, and a component kit. This beta release introduces a faster way to get started with Tamagui, new themes and components, and more.


Videos

Reactathon 2022

Some of the biggest names in React spoke in San Francisco last week. Topics included Advanced Rendering Patterns by Lydia Hallie, useEffect pitfalls by David Khourshid, and UI testing by Michael Chan.

Let's build Twitter 2.0

In this 3+ hour stream, Sonny Sangha walks us through every step to build a Twitter clone using Next.js, Tailwind, and TypeScript.

made with ❤️ by ui.dev