Issues » #389

#389 – January 16, 2023

A Cure for useState Hell

useReducer is an often forgotten, but extremely powerful, hook in React. It can replace many cases you might be using useState, with a number of advantages and very little overhead.

Build internal tools 10x faster using pre-built React components (sponsor)

Visually design apps that interface with any database or API. Switch to code nearly anywhere to customize how your apps look and work. With Retool, you ship more apps and move your business forward—all in less time. Thousands of teams at companies like Amazon, DoorDash and NBC collaborate around custom-built Retool apps to solve internal workflows. And now teams of up to 5 can build unlimited Retool apps for free.

Writing Custom Hooks with React

If you've done any React development, you've probably heard of "hooks" in components. Hooks enable you to reuse logic across your project's components. Hooks help minimize repetition of code, and also make your project's easier to maintain. React has a few "built in" hooks, but also allows you to build your own.

How We Rebuilt React DevTools with Replay Routines

A deep dive into using time-travel debugging superpowers to analyze recordings and extract React DevTools data.

Advanced Unit Testing in React with Jest: Hooks and Promises

Unit testing is essential in every codebase, and React is no exception. However, as the code becomes more complex, patterns and challenges are faced that go beyond the conventional cases. I have found that creating these specific unit tests allowed me to get a better understanding of how React works under the hood.

Data Binding in React

As developers, we don't like working with forms, but they're a critical part of most web applications! In this tutorial, you'll learn exactly how to wire up all of the different form controls in React. Never forget how to data-bind a checkbox or radio button again!

Function Composition in Large React Applications: Best Practices and Real-World Examples

Function composition is a powerful technique for building complex functionality by combining simple, reusable functions. In the context of React, function composition can be used to create more sophisticated and reusable components, improving the organization and structure of code in larger applications.

Little React Things: React applications are functions

Little React Things is a series of short, React-focused posts where I share some things I've learned over the past few years of developing with React. I hope you find them helpful. These posts might be most helpful for those who have at least a little experience with React already.

newsletters

Join over 16,200 readers for a free weekly email with fresh news, articles and tutorials.