#516 – July 27, 2025
The key advantage is its ability to minimize re-renders
Introducing Zustand
9 minutes by Adam Rackis
Zustand is a minimal, but fun and effective state management library in React. It offers a simple yet effective approach that can improve performance over traditional React context. Adam demonstrates a toy task management app implemented in three ways: with React context, basic Zustand, and optimized Zustand. The key advantage of Zustand is its ability to minimize re-renders through selective state access, allowing components to subscribe only to the specific state they need rather than triggering full re-renders when any part of the state changes.
Tests are dead. Meticulous AI is here.
sponsored by Meticulous
Meticulous automatically creates and maintains an exhaustive e2e UI test suite that covers every corner of your application – with no developer intervention required whatsoever. Dropbox, Lattice, Bilt Rewards and hundreds of organisations rely on Meticulous for their frontend testing. It is built from the Chromium level up with a deterministic scheduling engine – making it the only testing tool that eliminates flakes.
Building a Kanban board with drag and drop in React
8 minutes by Suraj Vishwakarma
Here's a step-by-step guide to building a Kanban board with drag-and-drop functionality using React and Next.js. Suraj covers the setup process, implementation of draggable and droppable components, handling drag events, and includes complete code examples with a working demo.
The present and the future of SPAs in React
6 minutes by Felipe Gustavo
Recently we have seen a lot of discussions about server rendering in the React ecosystem, especially related to server components and Next.js. But, what about the future of classic SPAs?
A guide to React graph visualization
8 minutes by Courtney Collins
If you’re looking for a graph visualization toolkit, the first question that may come to mind is whether that toolkit fits with your existing technology stack. React graph visualization libraries have become the go-to choice for developers looking for powerful data visualization with hassle-free integration.
How to use Action Routes in React Router
4 minutes by Sergio Xalambrí
The Action Routes pattern in React Router centralizes action logic for creating, updating, or deleting resources in dedicated files under a routes/actions folder. Sergio describes this approach which enables reusing actions across different components while consolidating authentication, validation, responses, and client-side effects like toasts or redirects. The pattern follows a noun-verb naming convention and can include both server and client actions, with support for i18n and permissions handling, ultimately improving maintainability as applications grow.
And the most popular article from the last issue was: