Page 8 - React

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

Expo vs Bare React Native: Workflow Comparison

Maxim Mironjuk - July 28, 2025

Expo has grown from a limited sandbox into a full toolchain for React Native that now supports even complex native modules. The bare workflow still matters when maximum native control is required. This article shows how Expo really works today and when switching to bare is actually necessary.

Magento React

AI generated

Building a React Storefront on Magento GraphQL

Maxim Mironjuk - July 19, 2025

A React storefront built on Magento's GraphQL API fully decouples frontend and backend, making the shop faster, more flexible and easier to maintain. Teams that understand the schema, pick the right client and plan caching and error handling from day one save months of later rework.

React Design Patterns

AI generated

Feature Flags in React Apps: Rollouts Without Redeploy

Maxim Mironjuk - July 10, 2025

Feature flags in React apps decouple the question of when code gets deployed from the question of when a feature actually becomes visible. Instead of risky big bang releases, new functionality can be rolled out step by step, to specific user groups, or switched off instantly with a kill switch, all without a new build.

React Web Performance

AI generated

useTransition: Getting Non-Blocking UI Updates Right

Maxim Mironjuk - July 03, 2025

Expensive state updates block the main thread and freeze inputs. useTransition marks updates as low priority so React can render them interruptibly, inputs stay responsive, and isPending signals the loading state without useState overhead.

React

AI generated

React Compiler: Automatic Memoization Explained

Maxim Mironjuk - June 30, 2025

Manual memoization with useMemo and useCallback is error prone, hard to maintain and frequently used incorrectly. The React Compiler analyzes component code at build time and automatically inserts the right memoization wrappers, without developers having to manage dependency arrays or decide when something should be cached. How that works and what it means.

React Security/OWASP

AI generated

Managing Environment Variables in React Builds Securely

Maxim Mironjuk - June 28, 2025

Environment variables in React builds are processed differently than in a backend: they get embedded permanently into the bundle as soon as they carry the right prefix. Anyone who does not understand this accidentally bakes secrets into publicly readable JavaScript code, or wonders why a changed variable has no effect after a deployment.

React Web Performance

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.

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.