React: Guides and Practical Know-how | Page 8 | mironsoft Blog
React
-
Nov 6, 2025
A theming system with CSS variables stores design tokens as native custom properties in the browser instead of recomputing them via JavaScript on every render. The result is a theme switch without re rendering components, a smaller bundle size, and an approach that works independently of the chosen CSS strategy.
-
Nov 4, 2025
The next/image component automatically generates responsive image variants, modern formats, and lazy loading, but it does not solve every performance problem on its own. Configuring sizes correctly, setting priority deliberately on the Largest Contentful Paint element, and maintaining remote patterns cleanly is what actually unlocks the full potential of Next.js image optimization.
-
Nov 3, 2025
Wrapping everything in useMemo and useCallback does not make React apps faster, it makes them more complicated. Whoever measures first finds the real bottlenecks: unnecessary re-renders, expensive calculations in the wrong place, and layout thrashing. This article shows the correct workflow with the React Profiler, Chrome DevTools and solid metrics.
-
Nov 2, 2025
Forms are the most common performance bottleneck in React applications, not because forms are hard, but because controlled inputs trigger a re-render on every keystroke. React Hook Form sidesteps this with uncontrolled inputs and its own subscription system. Combined with Zod schemas, it becomes a type-safe, performant form solution without compromises.
-
Oct 29, 2025
React 19 is not an incremental update. Server Components leave the experimental phase, Server Actions become part of the core API, the React Compiler takes over automatic memoization, and new hooks fundamentally simplify forms, optimistic updates and asset loading. What is relevant for existing projects, and what actually changes in everyday work.
-
Oct 18, 2025
A modal nested deep inside a component often gets visually clipped by an ancestor's overflow: hidden. createPortal() renders it into a different DOM node without it losing its logical place in the React tree for events and context.
-
Oct 11, 2025
Caching strategies decide how often a React application reloads data, how quickly changes become visible, and how much memory the client spends on it. SWR, TanStack Query and Apollo Client solve the same basic task with different caching strategies, from simple stale while revalidate to full object normalization, with noticeable consequences for consistency and maintenance effort.
-
Oct 10, 2025
Anyone who has mastered React in the browser already carries the core knowledge for React Native: components, hooks and state work identically. What changes are the building blocks for the interface, the styling model and the way native functionality such as camera or push notifications gets attached. This article shows the direct transition with concrete code.
-
Oct 7, 2025
Prop drilling and monolithic components with dozens of props are a reliable sign of an architecture that will not scale. The Compound Components pattern in React solves this problem through explicit composition: sub-components implicitly share state via context, the API stays self-documenting, and it remains maximally flexible.
-
Oct 4, 2025
JSDOM based tests sometimes lie: they simulate browser behavior but do not test what a real browser actually does with a component. Playwright Component Testing renders every React component in a real Chromium, Firefox or WebKit instance, without spinning up the whole application.