React / Next.js - Новости
413 subscribers
78 photos
78 links
Новости про React, Next.js, HTML и CSS

Подписаться на ежемесячный имейл-дайджест главных новостей (бесплатно) — https://clck.ru/3N3ZRp
Download Telegram
#НовостиРазработки ⚙️Вышел CedarJS v2.2.1

🌠CedarJS — полноценный фреймворк для построения приложений на React + GraphQL + Prisma с CLI, автогенерацией кода, встроенными инструментами и архитектурными решениями.
Версия v2.2.1 — это стабилизирующий патч-релиз, который напрямую связан с важной функцией, появившейся в v2.2.0 — pre-upgrade command, которая позволяет подготовить проект к обновлениям, заранее проверив окружение, зависимости и потенциальные проблемы перед апгрейдом.

🔧Обновления фреймворков и CLI-инструментов часто ломают проекты из-за несовместимых пакетов, ОС-специфики или некорректных конфигураций.
Pre-upgrade скрипты решают эту проблему:
— заранее подсказывают, что пойдёт не так;
— помогают избежать ошибок при минорных и мажорных апдейтах;
— делают процесс обновления более предсказуемым и безопасным.

💡Фокус релиза v2.2.1доработка pre-upgrade механизма:
— Исправлена настройка mailer в CLI на Windows
— Починены canary pre-upgrade скрипты
— Улучшен и упрощён вывод pre-upgrade команд
— Исправлено отображение апдейтов пакетов
— Pre-upgrade скрипты теперь используют npm для большей совместимости
— Обновлены зависимости (13 пакетов)

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
31👍1
#НовостиРазработки ⚙️Playwright обновился до версии 1.57

Playwright — фреймворк для автоматизированного тестирования веб-приложений (end-to-end), поддерживающий разные браузеры (Chromium/Chrome, Firefox, WebKit) через единый API и автоматические ожидания, чтобы минимизировать «flaky» тесты. Работает на JavaScript/TypeScript, Python, .NET, Java и используется в CI/CD, локальной разработке и сложных E2E-сценариях.

💡 Что нового в версии 1.57:
1. Speedboard — анализ медленных тестов. В HTML-отчёте появилась новая вкладка Speedboard, которая сортирует тесты по длительности. Это помогает быстро увидеть, какие тесты тормозят весь набор, и оптимизировать их.

2. Переход на Chrome for Testing. Playwright теперь по умолчанию использует Chrome for Testing вместо старого Chromium. Это более «официальные» тестовые сборки Chrome, что улучшает совпадение с поведением браузера в продакшене.

3. Улучшенная работа с service workers.
Теперь сетевые запросы и консольные сообщения сервис-воркеров могут быть видны в тестах (и отключаемы переменными окружения), что помогает тестировать PWA и offline-поведение.

4. Новые API. Добавлены удобства вроде locator.description() для лучшей читаемости селекторов и опций steps в locator.click() и locator.dragTo() для более реалистичного управления мышью.

5. Breaking-change: удалён Page#accessibility.После долгого периода deprecated API Page#accessibility удалён. Для тестирования доступности рекомендуется использовать внешние библиотеки (например axe-core).

Таким образом, в новой версии основной упор сделан на удобство отладки тестов, стабильность инфраструктуры и несколько новых API.

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍53🏆2
#НовостиРазработки Удобная авторизация с Better Auth 1.4

Better Auth 1.4
— современный фреймворк для управления аутентификацией и авторизацией в веб-приложениях. Он упрощает работу с OAuth, SSO, API-ключами, JWT и пользовательскими сессиями, при этом поддерживает масштабируемость, производительность и безопасность. Основное преимущество — возможность быстро внедрять аутентификацию с минимальной конфигурацией, включая stateless-сессии без базы данных.

🌲Что нового в версии 1.4:
— Stateless Auth: управление сессиями без базы данных, поддержка accessToken, refreshToken и accountInfo через API.
— SCIM Provisioning: стандартизированное управление пользователями в мультидоменных сценариях.
Дополнительное состояние в OAuth flows: можно передавать кастомные данные (например referralCode) через OAuth.
Оптимизация запросов к базе: экспериментальная поддержка join-запросов ускоряет работу более 50 эндпоинтов в 2–3 раза.
Поддержка вторичного хранилища API-ключей для быстрого поиска ключей.
SSO Domain Verification: автоматическая проверка домена для новых SSO-провайдеров.
JWT Key Rotation: безопасная смена JWT-ключей без простоя.
Поддержка UUID для идентификаторов, cookie-based аккаунты, Device Authorization Grant для устройств с ограниченным вводом.
— Улучшения плагинов и потоков: Magic Link, Email OTP, Phone Number, OIDC и организация команд с новым ctx API.

✔️Кроме того, обновлены страницы ошибок, оптимизирован размер бандла, улучшено логирование и исправлено 250+ багов по всем направлениям: сессии, OAuth, SSO, API-ключи, двухфакторная аутентификация и работа с адаптерами базы.

В целом обновление делает Better Auth более производительным, безопасным и гибким для современных веб-приложений, включая stateless-архитектуры и облачные среды

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍211
#НовостиРазработки 📈Вышло обновление Recharts v3.7.0
Recharts
помогает превратить скучные таблицы с числами в понятные, красивые и интерактивные графики прямо в вашем React-приложении. Обновление v3.7.0 делает эту библиотеку ещё надежнее и удобнее.

Когда полезна библиотека Recharts? Чтобы:
— Быстро добавить графики в React-приложение без написания SVG с нуля
— Визуализировать результаты анализа в веб-интерфейсе
— Создать дашборды для отслеживания метрик продукта
— Показать графики доходов, расходов
— Отобразить статистику пользователей, трафика, продаж и т.д.

Что нового в v3.7.0

⚠️ Компонент Cell объявлен устаревшим (deprecated) и будет удалён в следующей мажорной версии. Вместо использования Cell для настройки внешнего вида элементов (заливка, форма и т.д.) теперь необходимо использовать проп shape непосредственно в элементах графиков (например, <Bar ... shape={...} />). Начинайте миграцию.
Новые хуки:
useIsTooltipActive() — возвращает boolean, активна ли подсказка (tooltip) в данный момент.
useActiveTooltipCoordinate() — возвращает текущие координаты ({ x, y }) активной подсказки.
✔️ Проп offset для Tooltip теперь может принимать объект с координатами.
✔️ Оси X/Y: Добавлен новый автоматический тип оси "auto". Библиотека сама определит, является ли ось категориальной ("category") или числовой ("number"), на основе данных.
✔️TypeScript — улучшена типизация: добавлены экспорты полезных типов (для shape, content функций и др.), явно прописаны типы для tick, исправлены несоответствия (например, для Bar.shape).
✔️Устранена циклическая зависимость при сборке с Vite.
✔️Включён строгий режим (strict) в конфигурации TypeScript для повышения качества кода.

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍411
#НовостиРазработки Обновление eslint-react v2.9.0

eslint-react — это набор правил ESLint для проектов на React, помогающий автоматически находить ошибки, антипаттерны и потенциальные проблемы в коде ещё до запуска приложения.

Обновление v2.9.0 сосредоточено на улучшении поддержки React Server Components (RSC) и структурировании правил ESLint.

💡Главное изменение — правило no-non-async-server-functions, проверяющее, что серверные функции объявлены как async, перенесено в отдельный неймспейс и переименовано в rsc/function-definition. Теперь оно относится к специализированному набору правил для RSC. Если вы использовали старое правило, нужно обновить конфигурацию: заменить "no-non-async-server-functions": "error" на "rsc/function-definition": "error".

✔️Добавлен новый подплагин eslint-plugin-react-rsc, в котором собраны все правила, специфичные для React Server Components. Это делает архитектуру плагина более модульной и позволяет подключать проверки только при необходимости.

✔️Также появились два пресета:
1) rsc, который включает все правила для серверных компонентов,
2) и disable-rsc, полностью их отключающий.
Это упрощает настройку и делает конфигурацию более гибкой и управляемой.

Релиз не меняет API, а делает поддержку RSC более явной и удобной.

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍41🔥1
#НовостиРазработки 🎨Обновление shadcn/ui: блоки для Radix и Base UI

Shadcn/ui
— это коллекция готовых к использованию React-компонентов, которые вы копируете прямо в свой проект, а не подключаете через npm install. Вы владеете кодом полностью.

Вышло крупное обновление для shadcn UI: теперь все блоки доступны сразу для двух библиотек компонентов — Radix UI и Base UI.

💡Что изменилось?
Раньше часть блоков была заточена только под Radix, а Base UI поддерживался не полностью.
Теперь 100% блоков (логины, регистрации, сайдбары, дашборды) существуют в двух вариантах — под Radix и под Base UI. Разработчик может выбрать тот стек, который ему ближе, и получать полностью работочие примеры интерфейсов.

Как это работает?
Shadcn сохранил привычный CLI. Команда npx shadcn add работает по-старому, но теперь она умная:
CLI автоматически определяет, какая библиотека используется в проекте, и подгружает корректный вариант блока.
— Если проект создан через npx shadcn create, выбор библиотеки уже сохранён в конфиге — блоки сразу ставятся под неё.

Для чего это нужно?
Это решение закрывает вопрос совместимости и выбора стека.
Radix UI — проверенная временем библиотека с широкими возможностями;
Base UI от MUI — более новый игрок с фокусом на производительность и дизайн-системы.
Теперь разработчики могут выбирать между ними без компромиссов: блоки выглядят и работают одинаково хорошо на обеих платформах.

Таким образом, обновление убирает фрагментацию экосистемы Shadcn. Это снижает порог входа и позволяет масштабировать проекты без привязки к одному вендору компонентов

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍511
#НовостиРазработки ✏️Обновление библиотеки форм FormEngine 7.11.0
FormEngine Core — это лёгкая open-source библиотека для React, предназначенная для создания динамических форм на основе JSON-схемы.
💡 Вместо ручной верстки JSX разработчик описывает структуру формы, поля, правила валидации, тексты ошибок и кнопки в одном JSON-файле, а библиотека автоматически рендерит интерфейс через выбранные UI-компоненты, например Material UI.

Ядро библиотеки не привязано к конкретной UI-системе (UI-agnostic), поэтому можно использовать MUI, Mantine, shadcn/ui или собственные компоненты. Для быстрого старта доступен готовый пакет с MUI.

Что нового
— В версии 7.11.0 улучшена структура core-пакета: удалены barrel-файлы, что повысило эффективность tree shaking и уменьшило итоговый размер бандла.
— Добавлена поддержка свойств disabled и read-only для MUI-компонентов, появился компонент MuiDialog и поддержка свойства type для MuiTextField.
— Обновлены зависимости (lodash, ESLint, Next.js и др.), исправлены ошибки, связанные с локализацией, стилями, IndexedDB и тестовой средой

🎯JSON-подход позволяет хранить схемы форм в базе данных или получать их через API. Это удобно для админ-панелей, onboarding-процессов, B2B-конфигураторов и multi-tenant продуктов.
Формы можно переиспользовать в разных проектах без дублирования логики.

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍621
#НовостиРазработки ⚙️Обновленные инструменты разработчика в Chrome 145

В Chrome 145 команда Chrome DevTools сосредоточилась не на новых громких фичах, а на качестве: исправили баги, упростили интерфейсы и ускорили работу панели Performance.

⚙️Обновился DevTools MCP-сервер (v0.11 → v0.14).
— Появился флаг авто-подключения к запущенному Chrome,
— единый инструмент эмуляции (геолокация, сеть, CPU, user-agent) и
— сохранение логов между навигациями — как Preserve Log.

⚙️В Performance теперь видны soft-navigation и soft LCP для SPA, что упрощает анализ производительности без перезагрузки страницы.
— Построчный профайлер стал точнее: корректно работает с pretty-print и source maps, поэтому можно надёжно анализировать даже минифицированный прод-код.
— Также ускорили взаимодействие с тяжёлыми трейcами — меньше лагов при выделении диапазонов.

⚙️В Network добавили колонку Render blocking для поиска ресурсов, блокирующих отрисовку (JS, CSS, шрифты), и вернули throttling отдельных запросов. Улучшена отладка CSS @starting-style, обновлён AI-чат (поддержка вставки изображений).

⚙️Плюс мелкие улучшения в Elements, Sources, Console и заметные апдейты доступности для screen reader и high-contrast режимов.

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31🔥1
#НовостиРазработки 📊Обзор результатов опроса React 2025
“State of React 2025” - ежегодное исследование сообщества разработчиков React: какие API, библиотеки и подходы используются, какие нравятся, а какие — нет. Оно показывает состояние экосистемы React в 2025 году, тенденции по использованию фич и предпочтения разработчиков.

💬 Ключевые выводы из опроса
— Хук useEffect остаётся самым мало любимым — несмотря на широкое использование, многие испытывают трудности с его моделью эффектов и зависимостями.

— Компонент <Suspense> стал заметно популярнее, и растёт удовлетворённость им, что говорит о более широком применении реактивной загрузки UI и данных.

React Server Components и Server Functions вызывают разные мнения — часть разработчиков активно их тестирует, но широкого, однозначного принятия пока нет.

<Activity> получил 100 % уровень удовлетворённости у тех, кто им пользовался, хотя таковых не много. Это новый API-компонент, появившийся в последних версиях React, предназначенный для управления жизненным циклом активности UI. Детали реализации ещё обсуждаются в сообществе, но в целом разработчики, которые уже используют <Activity>, отмечают его простоту и удобство для контроля видимости и поведения элементов, особенно при переключении между экранами или состояниями интерфейса

— Среди любимых сторонних библиотек стабильными фаворитами оказались TanStack Query и Zustand (для загрузки данных и управления состоянием).


🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
6👏2🔥1
#НовостиРазработки 🚀Фонд React: новый дом для React под эгидой Linux Foundation

24 февраля 2026 года было объявлено о запуске React Foundation, размещённого под эгидой Linux Foundation. Теперь проекты React, React Native и JSX больше не принадлежат компании Meta — они переданы независимому фонду. Это делает развитие экосистемы более нейтральным и управляемым сообществом.

У фонда восемь платиновых участников-основателей: Amazon, Callstack, Expo, Huawei, Microsoft, Software Mansion и Vercel. Они формируют совет директоров, а исполнительным директором стал Seth Webster.

⚙️Техническое управление останется независимым: направление развития React по-прежнему определяют контрибьюторы и мейнтейнеры. Для выработки новой модели создан временный совет лидеров.

В ближайшие месяцы планируется завершить передачу репозиториев и инфраструктуры, утвердить техническую структуру управления, запустить программы поддержки экосистемы и начать подготовку следующей конференции React Conf. Создание фонда подчёркивает роль сообщества и открывает новый этап развития React

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍3❤‍🔥21
#НовостиРазработки TypeScript вышел в версии 6.0-beta
В феврале команда TypeScript анонсировала бета-версию 6.0. Это переходный релиз: он станет последним на текущей JS-кодовой базе. В 7.0 компилятор перепишут на Go ради скорости и параллельной проверки типов, а 6.0 подготовит проекты к этой миграции.

Что нового

Улучшенный вывод типов для методов без явного this, поддержка subpath-импортов с #/, возможность сочетать --moduleResolution bundler с --module commonjs, а также флаг --stableTypeOrdering, который делает порядок типов детерминированным (важно при сравнении 6.0 и будущего 7.0).

— В TypeScript 6.0 добавлена цель es2025, что означает возможность компилировать код с ориентиром на стандарт ECMAScript 2025 и использовать соответствующие встроенные типы и API.

Добавлены типы для API Temporal, методы Map.getOrInsert и getOrInsertComputed, а также RegExp.escape. Библиотека dom теперь включает iterable и async iterable по умолчанию.

Изменения в настройках:
- strict включён по умолчанию;
- параметр module по умолчанию установлен в esnext, а target — в актуальную версию стандарта ECMAScript (сейчас это es2025);
- поле types теперь по умолчанию пустое ([]). Это значит, что TypeScript больше не подключает автоматически все типы из node_modules/@types — если нужны, например, типы для Node.js, их нужно явно указать: "types": ["node"].

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥43
#НовостиРазработки 👩🏻‍⚕️React Doctor: инструмент для анализа и улучшения React-проектов

React Doctor — это инструмент для анализа проектов на React, который автоматически находит проблемы в коде.

💡Идея проста: одной командой можно просканировать весь проект и получить оценку “здоровья” кода от 0 до 100. Инструмент анализирует безопасность, производительность, архитектуру, корректность кода и доступность интерфейса.

Когда запускается команда npx react-doctor, программа сначала определяет среду проекта — например, используется ли Next.js, Vite или Remix, а также версию React и настройки компилятора. После этого запускаются два параллельных анализа.

Первый — lint-проверка. Она проверяет более 60 правил: работу со state и эффектами, производительность компонентов, архитектуру проекта, размер бандла, безопасность и доступность. Правила автоматически включаются или отключаются в зависимости от конфигурации проекта.

Второй — поиск мёртвого кода. Инструмент находит неиспользуемые файлы, функции, экспорты и типы, а также дубликаты.

React Doctor можно использовать локально, в CI/CD через GitHub Actions, или через Node.js API. Также есть конфигурационный файл, позволяющий игнорировать определённые правила или файлы.

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍832
#НовостиРазработки 📖 📖 📖React Split Pane v3: инструмент для создания адаптивных интерфейсов с изменяемыми панелями

React Split Pane v3 — библиотека для React для создания интерфейсов с разделёнными панелями. С её помощью можно делить экран на несколько частей и изменять их размер, перетаскивая разделитель. Такой подход часто используется в редакторах кода, админ-панелях и сложных веб-приложениях.

✔️Библиотека использует хуки, что делает код более понятным и удобным для поддержки. Она написана на TypeScript, поэтому разработчик получает полную типизацию и меньше ошибок во время разработки.

✔️React Split Pane поддерживает как горизонтальное, так и вертикальное разделение интерфейса. Компонент SplitPane задаёт направление разделения, а внутри него размещаются элементы Pane, которые представляют отдельные панели. Для них можно задавать начальный размер, минимальную и максимальную ширину или высоту.

✔️Библиотека также поддерживает контролируемый режим, когда размеры панелей хранятся в состоянии приложения, и неконтролируемый режим, где размеры управляются самим компонентом. Дополнительно есть возможность создавать вложенные панели, что позволяет строить сложные макеты интерфейса.

✔️Среди дополнительных функций — сохранение размеров панелей в localStorage, поддержка snap-точек (когда панель “прилипает” к заданным размерам), кастомные разделители и полная доступность: управление с клавиатуры, ARIA-атрибуты и поддержка экранных читалок.

🪶При этом библиотека остаётся очень лёгкой (менее 5 KB в сжатом виде) и оптимизированной по производительности

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍722
#НовостиРазработки Вышло обновление React Aria 1.16

React Aria 1.16 — библиотеки от Adobe для создания доступных (accessible) UI-компонентов в React: предоставляет готовую логику для элементов интерфейса — кнопок, списков, меню, календарей, комбобоксов и других — с правильной поддержкой клавиатуры, экранных читалок и ARIA-атрибутов. Библиотека не рисует готовый UI, а дает хуки и поведение компонентов.

Главное нововведение — поддержка мультивыбора в ComboBox. Теперь можно указать selectionMode="multiple" и выбирать сразу несколько вариантов. Отображение выбранных элементов можно настраивать через ComboBoxValue, например, показывать их как теги с помощью TagGroup.

В компоненте Tree появилась поддержка разделов. С помощью TreeSection и TreeHeader можно группировать элементы дерева в логические блоки с заголовками.

Также улучшена работа оверлеев (всплывающих элементов): исправлено позиционирование внутри контейнеров, не связанных напрямую с viewport. Улучшено поведение прокрутки — функции scrollIntoView и scrollIntoViewport теперь поддерживают дополнительные параметры выравнивания и корректно учитывают ширину скроллбара и RTL-интерфейсы.

В релизе много исправлений стабильности: устранены падения в FocusScope, Tabs, Form, документации и других компонентах. Улучшена доступность (ARIA), например, корректное объявление вставленных значений в NumberField.

Также добавлены новые типы и API (например, HeaderProps, LongPressEvent, MoveEvent) и расширены возможности клавиатурного управления в ListBox.

🔖Подробнее
5👍2🔥1
#НовостиРазработки Вышло обновление React Hook Form v. 7.72.0
React Hook Form — библиотека для работы с формами для удобного управления состоянием форм, валидацией и отправкой данных в React-приложениях без лишнего кода и перерендеров.

Что нового
Главное изменение — добавлена встроенная валидация на уровне всей формы (form-level validate). Теперь можно проверять сразу все поля вместе, а не только каждое по отдельности. Это полезно для сложных сценариев, где поля зависят друг от друга (например, сравнение значений).

Также:
Исправлен баг с useFieldArray — раньше изменение одного поля могло ошибочно помечать другие как “изменённые” (dirty).
Починен чекбокс с нативной валидацией — раньше она могла игнорироваться.
Добавлена возможность подписываться на состояние отправки формы (submit state) через formState.

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31🔥1
#НовостиРазработки 🚀Обновление React Router 7.14
React Router — библиотека для навигации в React-приложениях: управляет тем, какая страница (компонент) отображается по URL, позволяет делать переходы без перезагрузки, настраивать вложенные маршруты, защищённые страницы и загрузку данных

Что нового

1. Поддержка Vite 8: быстрее запускается проект, мгновенный HMR (hot module replacement), лучше DX (developer experience). Особенно важно, если используешь Vite вместо Webpack

2. Улучшения производительности: меньше утечек памяти при загрузке данных (SSR, стриминг, API), что особенно чувствительно на больших приложениях.
— Убрана рекурсия в turbo-stream → можно обрабатывать большие payload’ы
— Починен memory leak → стабильнее при работе с потоками данных

3. Пререндеринг (SSR): Теперь можно пререндерить несколько server bundle’ов (лучше подходит для production SSR/SSG сценариев). Можно заранее генерировать HTML (как в Next.js) → быстрее загрузка, лучше SEO, гибкость под разные окружения

4. RSC (React Server Components) — ⚠️ экспериментально:
— Поддержка server/client разделения компонентов
— Новый способ экспортов (ServerComponent, ServerLayout и т.д.)
<Link prefetch> для серверного режима
То есть часть логики выполняется на сервере → меньше JS на клиенте

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31🔥1
#Новости разработки 🎉Вышел Vite 8.0
Вышло крупное обновление сборщика фронтенда Vite 8.0, которое радикально меняет внутреннюю архитектуру и сильно ускоряет сборку проектов.

💡Главное изменение: Vite теперь использует Rolldown (Rust) как единый бандлер вместо двух систем раньше (esbuild для dev и Rollup для production). Это убирает дублирование логики и делает сборку в 10–30 раз быстрее, особенно в больших проектах.

Дополнительно:
— Улучшена совместимость с плагинами
— Появились встроенные devtools для анализа проекта
— Поддержка TypeScript paths без сторонних плагинов. Можно использовать алиасы из tsconfig.json напрямую, и они автоматически корректно резолвятся в проекте.
— Улучшена работа с WebAssembly и SSR
— Консоль браузера теперь можно выводить в терминал

Также улучшили DX:
— быстрее старт dev-сервера
— меньше сетевых запросов
— лучше дебаг и профилирование

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥64👍3
#НовостиРазработки Вышло полезное обновление React Hook Form v.7.73.1
React Hook Form — популярная библиотека для работы с формами, необходимая, чтобы управлять инпутами, валидацией, ошибками и submit-логикой без лишних ререндеров и громоздкого state-кода.

Главные изменения:
1. Ускорение работы форм
memoize submit submit-обработчик теперь кэшируется, что снижает лишние вычисления,
deepEqual стал быстрее — это важно, потому что библиотека часто сравнивает значения формы,
setValue больше не вызывает ререндер, если значение не изменилось.
Практический эффект: большие формы работают заметно плавнее.

2. Меньше лишней логики
— убрана ненужная проверка shouldDirty

3. Исправления сложных багов
— безопасный доступ к field._f при register,
— корректная работа watch с Controller, trigger, reset,
— исправлена валидация field array при onBlur,
— починен isDirty, если удалить элемент с shouldDirty: true,
— корректная работа nested fields, если defaultValue = null

4. Улучшение DX
— ошибки fieldState теперь понятнее, если resolver использует dot-notation (user.email).

Таким образом, для продакшн-проектов — это полезный апдейт без боли миграции. Особенно если у вас сложные формы, массивы полей и кастомные resolvers

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
3👍1🔥1
#НовостиРазработки ⚙️Улучшенные проверки в обновлённом eslint-plugin-react-hooks

eslint-plugin-react-hooks — не просто «плагин для хуков», а страховка для React-кода. Он проверяет соблюдение правил React Hooks, ловит ошибки с зависимостями в useEffect, предупреждает о неправильной работе с ref, состоянием и даже помогает подготовить код к React Compiler.

1. Главное нововведениеподдержка ESLint v10. Для проектов, которые обновляют стек, это критично: без совместимости линтер становится узким местом.

2. Второе важное изменение — рост производительности. Теперь плагин пропускает компиляцию файлов, которые не относятся к React. В больших монорепозиториях это экономит время проверки и ускоряет CI/CD.

3. Самая ценная часть релиза — улучшенные проверки. Стало точнее определяться опасное использование setState внутри эффектов, уменьшилось число ложных срабатываний, улучшилась валидация ref, а диагностика ошибок стала понятнее: теперь инструмент показывает все найденные проблемы сразу, а не останавливается на первой.

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21🔥1
#НовостиРазработки Вышло крупное обновление Rspack 2.0
Rspack 2.0 — JavaScript-бандлер, быстрый аналог webpack — стал еще быстрее, легче и лучше адаптированным под современные стандарты разработки.

1. Главный акцент релиза — производительность. По сравнению с ранними версиями скорость сборки выросла до 100%, а кэшированные сборки ускорились ещё сильнее.

2. Вторая важная цель — упрощение. У Rspack 2.0 стало меньше зависимостей: например, dev-server сократил их число почти до нуля. Это уменьшает размер установки, снижает риски конфликтов и делает инфраструктуру стабильнее.

3. С технической стороны улучшена работа с ESM — современным форматом JavaScript-модулей. Добавлена поддержка import.meta, import.defer, улучшены сборки библиотек и работа с tree shaking — механизмом удаления неиспользуемого кода.

4. Экспериментальная поддержка React Server Components — архитектуры, на которой строятся современные fullstack-фреймворки.

5. Также Rspack 2.0 делает конфигурацию проще: меньше ручных настроек для swc-loader, target и CSS-импортов.

🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍321