New Recoil release, learning to appreciate React Server Components, and a definitive guide to profiling React applications
This week’s issue is sponsored by react-email-editor.
React Email Editor is a drag-n-drop email template builder component that makes it easy to add a solid email editor to your React apps. Designs are saved in JSON and can be exported as HTML.
👉 Check it out.
Recoil is the experimental state management library initially created for internal use at Facebook. This latest release features a new, more reliable implementation of async selectors, greatly improved performance, and lots of bug fixes and improvements.
React-Hook-Form is known for its performant, flexible and extensible forms with easy-to-use validation. This v7.0 update comes with strictly typed forms, smaller package size, greater performance, a new useFormState custom hook, and more!
Ryan Carniato writes about his personal journey to understanding and appreciating React Server Components. He writes about some of his intial struggles with understanding the purpose and potential power of RSC's and how he eventually came to look forward to their official release.
In this article, Maciek Wątroba demonstrates a few techniques that can make your day-to-day work with TypeScript and React a little easier.
This article goes over how to use the Profiler API to measure and improve the performance of your React app.
Yash Garudkar gives a helpful, beginner-friendly walk-through to building a to-do app with React and AWS Amplify. It's a helpful intro to Amplify if you haven't used it before.
A number pad component for React Native that's optimized for updating multiple number inputs.
A fast, completely type-checked React form state manager, created by Stijn Rogiest. Supports nested objects/arrays.
A new video series from the React Team that features deep dives on various React subjects. This first video is an hour-long Q&A on React Server Components.
This 1.5 hour video from the JavaScript Mastery channel walks you through how to build and deploy a basic Zoom clone using React and WebRTC.
Conditional props are props that depend on other props values/types. In this 26-minute video, Bruno Antunes teaches everything you need to know about conditional props in React and TypeScript.