Page 5 - React

AI generated

Storybook 8: Building a Design System Systematically

Maxim Mironjuk - December 25, 2025

A design system without living documentation is outdated after six months. Storybook 8 combines Component-Driven Development, automatically generated docs and visual regression testing into a workflow that teams actually stick with, from the first button component to a production-ready library.

React TypeScript

AI generated

React useFormStatus: Loading Feedback for Nested Forms

Maxim Mironjuk - December 21, 2025

Disabling a submit button in a deeply nested form component while the form is submitting has traditionally required prop drilling or external state. useFormStatus makes this state accessible without either.

React GraphQl

AI generated

Apollo Client in React: Normalizing the GraphQL Cache Correctly

Maxim Mironjuk - December 12, 2025

Apollo Client automatically normalizes GraphQL responses into a flat object graph, but without clean type policies and thoughtful cache updates, stale views appear quickly. This article shows how InMemoryCache really works, how custom cache keys are defined with keyFields, and how mutations, pagination and debugging play together in practice.

React Barrierefreiheit

AI generated

Accessible Component Library in React From Scratch

Maxim Mironjuk - December 06, 2025

An accessible component library does not come from bolting ARIA on afterward, but from focus management, keyboard control, and semantic structure that are considered from the very first line. Whoever understands the underlying patterns behind roving tabindex, live regions, and focus trap can build components that meet WCAG without constantly consulting an external library.

React TypeScript

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