Tag: React

1. Slot Based Component APIs in React

   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.

   Read more

2. React use() Hook: Resolving Promises Directly in Components

   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.

   Read more

3. Expo vs Bare React Native: Workflow Comparison

   Jul 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.

   Read more

4. Building a React Storefront on Magento GraphQL

   Jul 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.

   Read more

5. Feature Flags in React Apps: Rollouts Without Redeploy

   Jul 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.

   Read more

6. useTransition: Getting Non-Blocking UI Updates Right

   Jul 3, 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.

   Read more

7. React Compiler: Automatic Memoization Explained

   Jun 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.

   Read more

8. Managing Environment Variables in React Builds Securely

   Jun 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.

   Read more

9. React.memo: When Is It Really Necessary and When Does It Hurt?

   Jun 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.

   Read more

10. Redux Toolkit: Modern Patterns with RTK Query and createSlice

    Jun 5, 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.

    Read more