React 19.3: мініатюра фото виростає в картку і не втрачає стан
У React 19.3 мініатюра в сітці виростає у великий кадр і не скидає обраний знімок у списку.
Stuzhuk Lab — Chemistry of Code
Хімія коду
← Усі статті
Тег
React
Усі статті блогу з цим тегом.
Компілятор React: прибрали половину useMemo і лишили потрібні
У панелі на React 19 було 214 викликів useMemo і useCallback. Компілятор зняв більшу частину; два краї все одно лишилися ручними.
React-Redux 9.4: селектори на сигналах
В альфі React-Redux — необов’язковий useSignalSelector: перерахунок лише тих селекторів, чиї дані справді змінилися.
Offline-first у React: запис, який доживає до сервера
Як влаштувати читання і запис без мережі: TanStack Query, Dexie, черга операцій, клієнтський ідентифікатор і ключ ідемпотентності. Не кеш екрана, а доставка зміни.
Офлайн у React: TanStack Query, IndexedDB і черга вихідних
Три кроки до стійких оптимістичних записів: кеш у IndexedDB, обробники мутацій і черга вихідних з ідентифікатором клієнта на Dexie.
Декларативні залежності полів у формах React
Замість спагеті з useEffect — конфіг залежностей, патерн «спостерігач» і дрібнозерниста реактивність на MobX.
Lovable: 400 маршрутів з Next.js на TanStack Start без одномоментного перемикання
Паралельний проксі, #shared, адаптери й агенти: lovable.dev пішов з Vercel на свій стек при 42 млн відвідувачів на місяць.
React Native у 2026: New Architecture, нативний код і межі для ШІ
Розбір реального застосунку: Fabric і JSI, де виконувати роботу, bare vs Expo, клавіатура на складних формах і чим ШІ реально допомагає в RN.
React useLatest: свіжий стан в async-колбеках без зайвих рендерів
Хук useLatest з @reactuses/core: актуальний ref у layout-ефекті проти застарілих замикань після await, у таймерах і підписках.
Arcovia: перевірка архітектури проєктів на React і Next.js
Arcovia будує карту залежностей React і Next.js-проєкту, пояснює оцінку архітектури та підказує, з чого почати рефакторинг.
Meta відкрила код дизайн-системи Astryx для React
Astryx поєднує React, StyleX, понад 160 компонентів, теми та шаблони — досвід Meta можна вивчати й застосовувати у власних інтерфейсах.
React: як відкладати пошук і автозбереження без зайвих запитів
Коли обирати useDebounce чи useDebounceFn у React, як уникнути застарілих замикань і безпечно керувати відкладеними діями.
Типізований Tailwind «з
Як автор перетворив Tailwind-класи на typed props і дійшов до «усвідомлених» компонентів: форми, visibleWhen, RBAC — без Controller на кожному полі.
React Router v8: нудний, але правильний реліз
React Status #479: React Router v8 як «навмисно нудний» апдейт, Rust-порт React Compiler, RN 0.86, TypeScript 7 RC і новини екосистеми React.
React 19: concurrent rendering, Actions і Suspense у продакшені
Розбір concurrent rendering у React 19: термінові та фонові оновлення, useTransition, useOptimistic і межі Suspense без блокування UI.
React 19 Form Actions і FastAPI: валідація на сервері без дублювання
useActionState + Pydantic: одна схема, структуровані помилки по полях, isPending з коробки — мінус ~50% коду форм.
Post-mortem: як Firebase RTDB «ламає» масиви в React
Видалення запису в Firebase RTDB перетворило items на об'єкт — TypeError і білий екран. Нормалізація даних на клієнті.
react-native-qr-camera-pro: нативний QR/штрихкод-сканер під New Architecture
Swift/Kotlin, TurboModules і Fabric, BarcodeThrottler і нульова обробка кадрів у JS — lean-модуль замість важкого camera SDK.
React.lazy і «білий екран» після деплою: як повернути користувача
Старий HTML у вкладці, новий бандл на CDN — chunk не знайдено. Глобальний listener і cache-bust за ~15 рядків.
Bulletproof React: як не втопитися в хаосі власного фронтенду
Структура за фічами, чотири типи стану та ESLint-межі — практичний огляд підходу Bulletproof React для продакшен-команд.
React stack 2026: карта бібліотек за категоріями
Vite, Next.js, Zustand, TanStack, shadcn/ui — що обрати в 2026 замість стеку 2022 і чому змінилися лідери.
Сучасний React-стек: Vite, Tailwind, i18next і TanStack Router
Покрокова збірка без хаосу залежностей: маршрутизація, стилі та локалізація в одному мінімальному, але готовому до продакшену каркасі.