Содержание
Коротко
В 2026 году открыть новый React-проект — это снова выбор из десятков «де-факто стандартов». Материал на Habr собирает актуальную карту экосистемы: что осталось от 2022 года, а что уступило место Vite, Next.js, Zustand и семейству TanStack.
Что произошло
Автор прошёлся более чем по 60 библиотекам и инструментам и разложил их по категориям: сборка, фреймворк, роутинг, UI, состояние, формы, таблицы, тесты, стили. Главный тезис: экосистема заметно сдвинулась за 2–3 года.
Типичная картина 2022 → 2026:
| Категория | Было часто | Сейчас чаще |
|---|---|---|
| Сборка | Webpack | Vite (или обёртки вроде Next) |
| Фреймворк / SSR | CRA, самопис | Next.js для full-stack и продакшена |
| Client state | Redux Toolkit | Zustand, иногда Jotai |
| Server state | ручной fetch + store | TanStack Query |
| UI | Material UI «по умолчанию» | shadcn/ui, Radix, Mantine |
| Формы | Formik | React Hook Form, TanStack Form |
| Таблицы | ad-hoc | TanStack Table, AG Grid для тяжёлых гридов |
| Стили | styled-components | Tailwind, CSS Modules |
Redux, MUI и Webpack никуда не делись — но для нового greenfield-проекта их всё чаще выбирают осознанно, а не «потому что так принято».
Почему это важно
Неправильный стек на старте дорого обходится: миграции, найм, скорость фич. Если команда по инерции тянет Redux + CRA + Formik в 2026, вы платите за лишнюю сложность там, где экосистема уже предлагает проще.
Карта по категориям помогает:
- быстро согласовать стек в команде;
- не смешивать «legacy по привычке» и «современный дефолт» без обсуждения;
- подобрать инструменты под тип проекта (SaaS-дашборд, realtime, маркетинговый сайт, внутренний админ).
Региональные предпочтения и корпоративные стандарты всё ещё влияют — универсального «единственно верного» набора нет.
На практике
Разумный минимум для нового коммерческого React-проекта в 2026 (если нет жёстких ограничений):
- Vite + React + TypeScript — быстрый dev и предсказуемая сборка.
- Next.js — если нужны SEO, SSR, API routes, деплой «всё в одном».
- TanStack Query — серверные данные, кэш, инвалидация.
- Zustand (или Context для простого UI state) — без бойлерплейта Redux, пока нет очень сложной бизнес-логики в store.
- React Hook Form + Zod — формы и валидация.
- shadcn/ui + Tailwind — UI-кит с контролем над кодом компонентов.
Перед финальным выбором зафиксируйте ADR на 1–2 страницы: зачем каждая категория, что не берём и почему. Это дешевле, чем спорить на каждом PR.
Итог
React stack 2026 — не «одна правильная связка», а набор осознанных дефолтов по слоям. Оригинальная статья на Habr — хорошая шпаргалка перед стартом проекта; сверяйтесь с ней, когда снова смотрите на пустой package.json.