Page 12 - React

AI generated

React.memo: When Is It Really Necessary and When Does It Hurt?

Maxim Mironjuk - June 23, 2025

React.memo, useMemo and useCallback are the most misunderstood performance tools in React. They get used everywhere, in the hope of making everything faster, or not at all. Both are wrong. Memoization has costs: comparison operations, memory for cached values and increased code complexity. Use it only where measured re-render problems actually exist.

JavaScript React Web Performance

AI generated

AbortController in JavaScript: Safely Cancel Fetch Requests and Async Operations

Maxim Mironjuk - June 09, 2025

Anyone who does not cancel fetch requests risks race conditions, memory leaks and inconsistent UI states. AbortController is the native browser API that solves this problem once and for all, for fetch, event listeners and any async operation.

React Design Patterns

AI generated

Redux Toolkit: Modern Patterns with RTK Query and createSlice

Maxim Mironjuk - June 05, 2025

Redux Toolkit has largely replaced classic Redux with its endless switch statements and action type constants. With createSlice, RTK Query and Entity Adapter, global state in React applications can be modeled with far less code, more type safety and built in server state caching.

React

AI generated

Zustand Middleware: Using persist and devtools in Practice

Maxim Mironjuk - May 28, 2025

A Zustand store stays transient and hard to debug without middleware. persist and devtools solve exactly those two problems, once you know how to combine them and scope them with partialize.

Magento React

AI generated

React Product Configurator Pattern for Magento

Maxim Mironjuk - May 10, 2025

A React product configurator for Magento has to manage attribute combinations, live price calculation and stock in real time without slowing down across hundreds of variants. The right state model decides whether the configurator feels instantly responsive or noticeably lags on every click.

React Design Patterns

AI generated

Polymorphic Components with the as Prop in React

Maxim Mironjuk - May 09, 2025

Polymorphic components let the caller decide which HTML element actually gets rendered, without the component itself needing a separate variant for it. With the as prop and TypeScript's ElementType, this flexibility stays fully type safe, including correctly inherited props and working ref forwarding.

React

AI generated

React Server Components: The Complete Conceptual Guide

Maxim Mironjuk - May 06, 2025

React Server Components are not a new rendering model, they are a fundamental paradigm shift. Thinking in client-only components no longer works. Whoever truly understands RSC builds apps that ship less JavaScript, load faster and can encapsulate database access directly inside components.

React GraphQl

AI generated

Relay vs. Apollo Client: When Relay's Strict Conventions Pay Off

Maxim Mironjuk - May 04, 2025

Relay enforces strict naming conventions, fragment colocation and a fixed connection specification for pagination through its own compiler. Apollo Client skips that enforcement and stays more flexible, but also less predictable as a team grows. This article shows when Relay's learning curve genuinely pays off.

React

AI generated

renderToPipeableStream: Setting Up Custom SSR Without Next.js

Maxim Mironjuk - April 28, 2025

Not every project needs a full meta framework. With renderToPipeableStream on a lean Express server you can build streaming HTML with Suspense boundaries yourself, including the exact points where a custom setup reaches its limits.

React TypeScript

AI generated

React Drag and Drop Without dnd-kit - Native HTML5 DnD Tutorial

Maxim Mironjuk - April 28, 2025

External DnD libraries solve problems that do not exist in many projects, while bringing along bundle size, learning overhead and dependencies of their own. The native HTML5 Drag and Drop API is entirely sufficient for sortable lists, file upload and simple drag interactions, wrapped in a custom hook under 100 lines of TypeScript.