Page 7 - React

AI generated

TanStack Table: Complex Tables Without Pain

Maxim Mironjuk - November 30, 2025

Data tables in React fail in two ways: either you build everything by hand and sink weeks into sorting, filtering and pagination, or you pick a high-level library and end up fighting its lock-in. TanStack Table v8 is the third path: a headless table engine that supplies all the logic and leaves the UI entirely in your hands.

React

AI generated

Avoiding Race Conditions in useEffect with AbortController | Mironsoft

Maxim Mironjuk - November 28, 2025

When users switch quickly between search terms, filters, or tabs, useEffect fires several requests in a row. If the response to an old request arrives later than the response to a newer one, stale content ends up in the UI. AbortController solves this structurally instead of papering over it with flags.

React TypeScript

AI generated

TanStack Router: Type-Safe Routing in React

Maxim Mironjuk - November 21, 2025

Routing in React has long been a source of runtime errors: wrong URL parameters, untyped search params, missing route guards. TanStack Router fixes this fundamentally through a fully type-safe routing system in which the TypeScript compiler catches every error in navigation, params and search params before the code ever reaches the browser.

React

AI generated

React Realtime: Integrating WebSocket and Mercure

Maxim Mironjuk - November 20, 2025

Polling is not a realtime architecture, it is a compromise that collapses under load. WebSocket and Mercure offer genuine push communication, but integrating them into React requires well thought out custom hooks, robust reconnect logic and secure state management for realtime data streams.

React

AI generated

React DevTools Profiler: Reading Flame Graphs Correctly

Maxim Mironjuk - November 20, 2025

The Profiler tab in React DevTools shows a flame graph for every commit, but the coloring alone does not say much. Combining commit duration, the ranked chart, and the why did this render panel correctly is what turns guessing into finding real bottlenecks.

React TypeScript

AI generated

React 19: Using ref as a Regular Prop Without forwardRef

Maxim Mironjuk - November 18, 2025

React 19 removes one of the framework's oldest special cases: ref can now be received directly as a regular prop, no forwardRef wrapper required. This article walks through the new pattern, how to migrate existing forwardRef components, TypeScript typing, and how both patterns coexist safely in a mixed codebase.

React Web Performance

AI generated

Next.js vs. Remix vs. Astro 2026: When to Use Which? The Honest Comparison

Maxim Mironjuk - November 15, 2025

Three strong frameworks, three different philosophies. Next.js bets on flexibility and caching, Remix on web standards and progressive enhancement, Astro on shipping the smallest possible amount of JavaScript. Choosing the right framework in 2026 decides performance, developer experience and long-term maintainability.

React Web Performance

AI generated

Migrating Create React App to Vite: Step by Step

Maxim Mironjuk - November 12, 2025

Create React App is no longer maintained, but an existing project does not migrate itself. Whoever migrates Create React App to Vite has to transfer configuration, environment variables, proxy setup and tests one by one to end up with a faster dev server and no broken builds.

React TypeScript

AI generated

React useDeferredValue: Lazy Search Without Debounce

Maxim Mironjuk - November 10, 2025

Debouncing with setTimeout is a pragmatic crutch, not a solution. useDeferredValue from React 18 defers expensive render work without a fixed time window, so the browser stays responsive while the result list updates in the background.

React Testing/E2E

AI generated

React Testing Library: user-event vs. fireEvent Compared | Mironsoft

Maxim Mironjuk - November 08, 2025

@testing-library/user-event simulates complete interaction sequences like a real browser, while fireEvent dispatches a single DOM event synchronously. The difference seems small but often determines whether a test catches real bugs or blindly passes right over them.