Page 10 - React

AI generated

Sharing Code Between React Web and React Native

Maxim Mironjuk - August 29, 2025

Realistic code sharing between React web and React Native does not mean using the same components everywhere, it means deliberately separating what is platform agnostic from what cannot be. Business logic, types, API clients and validation share cleanly, interface components mostly do not. This article shows a working monorepo structure with real examples.

React

AI generated

React 17 to React 19 Upgrade: The Complete Checklist

Maxim Mironjuk - August 29, 2025

Whoever stayed on React 17 has several major versions and deep changes to rendering, the root API and concurrent features ahead of them. The React 17 to 19 upgrade only succeeds safely with an intermediate step through React 18 and a structured checklist, not a single risky jump.

React

AI generated

useLayoutEffect vs. useEffect: Really Understanding the Timing Difference

Maxim Mironjuk - August 29, 2025

useEffect runs after the paint, useLayoutEffect synchronously before it. A tiny timing difference on paper, one that in practice decides whether a DOM measurement for a tooltip or a scroll position visibly flickers or not.

React

AI generated

Fetch Retry with Exponential Backoff in React Hooks | Mironsoft

Maxim Mironjuk - August 28, 2025

Unstable APIs, brief network outages, or overloaded servers mean a single failed request does not automatically indicate a real error. A custom useFetchWithRetry hook with exponential backoff retries failed requests with growing wait times, without necessarily needing an extra library.

React Web Performance

AI generated

React Virtual List: 100,000 Rows Without Lag

Maxim Mironjuk - August 23, 2025

Anyone who writes 10,000 React elements into the DOM is building an application that is not usable for people. Virtualization renders only the visible rows, everything else is math. How to implement this with TanStack Virtual, react-window and custom implementations.

React

AI generated

Context Selectors: Avoiding Unnecessary Re-Renders Through Context Splitting

Maxim Mironjuk - August 19, 2025

A single large context feels convenient, until every component re-renders on every tiny change. Context splitting and real selectors fix the problem structurally instead of just treating the symptoms.

React

AI generated

React Micro-Frontends with Module Federation 2.0

Maxim Mironjuk - August 19, 2025

Anyone running a growing React application as a monolith eventually struggles with long build times, deployment dependencies and team conflicts. Module Federation 2.0 solves these problems through true runtime composition: teams deploy their parts of the app independently, and the shell app dynamically composes everything together.

React Design Patterns

AI generated

Slot Based Component APIs in React

Maxim Mironjuk - August 14, 2025

Slot based component APIs replace a component's root element with exactly one passed child element instead of inserting an extra DOM element. Radix popularized this approach under the name asChild, but the underlying slot component can also be built yourself in a few lines without any third party library.

React TypeScript

AI generated

React use() Hook: Resolving Promises Directly in Components

Maxim Mironjuk - August 09, 2025

Loading data in React has always meant the same thing: useEffect, useState, a loading state, an error state, boilerplate. The use() hook from React 19 makes this declarative: a Promise goes in, the resolved value comes out, and Suspense takes care of the rest.

React

AI generated

Key-Based Remounting: Resetting Components on Purpose | Mironsoft

Maxim Mironjuk - August 07, 2025

React normally uses the key prop to identify list items. Deliberately changing the key outside a list makes React discard the entire component instance and create a completely new one. This pattern is an underrated tool for reliably resetting internal state without manual reset logic.