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.
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.
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.
Chak Shun Yu from LogRocket writes about how to avoid common errors with hooks, component keys, race conditions, excessive renders, and more.
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.
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.
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 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.
An update to React Toastify with a
useNotificationCenter hook for managing incoming notifications.
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.
The features haven't been released yet, but Lee Robinson announced that the team is working on some exciting new features.
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.
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.
In this 3+ hour stream, Sonny Sangha walks us through every step to build a Twitter clone using Next.js, Tailwind, and TypeScript.