React Digest - RD#487 Instance Hook Pattern

Hello! 👋

We’re back after a short break. I’ll kick off the year with a few of changes to the newsletter format but the core stays the same – top 5 links for React developers.

Instance Hook Pattern
5 minutes by Sahaj Jain

Make flexible and composable React components with co-located logic and controlled API. It works by tying a component's state and behavior to a custom hook, which acts like a remote control and can be used to manage multiple instances of the same component independently.

Introducing authentication support for React Router
sponsored by Clerk

Clerk announces beta support for React Router, including pre-built UI components, server utilities, and low level utilities for any of your custom flows. You can use React Router both as a framework or library with Clerk.

The Benefits of React Router Nobody Told You About
less than a minute by Alem Tuzlak

Alem goes over everything you need to know about accessing loader data in react router v7, how it benefits you, how you can approach it in different ways and you come out a better developer at the end of it.

Replacing Legacy throw in React 19 with Suspense and use
3 minutes by Peter Kellner

React 19 introduces a significant change in how Suspense handles asynchronous data loading by transitioning from the legacy "promise throwing" approach to a new .use() API. While the traditional method of throwing Promises to trigger Suspense boundaries is still supported for backward compatibility, the new .use() API offers a cleaner, more explicit way to handle async resources and is becoming the recommended approach for future React applications.

React Query: The Bad Parts
15 minutes by Dominik T.K. Dodo

In this talk, maintainer Dominik will explore the other side—the less favorable aspects of React Query and situations where it may not be the best fit. No library is perfect; every choice involves trade-offs. By the end of this talk, you'll have a better understanding of React Query's limitations and why it remains a compelling choice despite them.

You don't need Next.js
5 minutes by Benny Kok

A team at ComfyDeploy migrated their dashboard from Next.js to pure React with TanStack Router and Rspack, resulting in dramatic performance improvements. Build times decreased from 3 minutes to 18 seconds, and hot reload times dropped to under 200ms. While they lost some Next.js features like server-side rendering and built-in caching, the migration forced better architectural decisions and improved developer experience.

webdev

javascript

Next, we’ll look at the most read articles from 2024.

And we'll wrap up with the most read article from the last issue.

How do you like the new sections? Would you like me to keep them? Do you get your HTML, CSS and JavaScript news from somewhere else?

Happy New Year,
Jakub 🥳

newsletters

Would you like to become a sponsor and advertise in one of the issues? Check out our media kit and get in touch.