React: Guides and Practical Know-how | Page 10 | mironsoft Blog
React
-
Aug 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.
-
Aug 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.
-
Aug 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.
-
Aug 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.
-
Aug 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.
-
Aug 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.
-
Aug 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.
-
Aug 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.
-
Aug 9, 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.
-
Aug 7, 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.