#НовостиРазработки ⚙️ Вышел 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 скрипты теперь используют
— Обновлены зависимости (13 пакетов)
🔖Подробнее
Версия v2.2.1 — это стабилизирующий патч-релиз, который напрямую связан с важной функцией, появившейся в v2.2.0 — pre-upgrade command, которая позволяет подготовить проект к обновлениям, заранее проверив окружение, зависимости и потенциальные проблемы перед апгрейдом.
Pre-upgrade скрипты решают эту проблему:
— заранее подсказывают, что пойдёт не так;
— помогают избежать ошибок при минорных и мажорных апдейтах;
— делают процесс обновления более предсказуемым и безопасным.
— Исправлена настройка mailer в CLI на Windows
— Починены canary pre-upgrade скрипты
— Улучшен и упрощён вывод pre-upgrade команд
— Исправлено отображение апдейтов пакетов
— Pre-upgrade скрипты теперь используют
npm для большей совместимости— Обновлены зависимости (13 пакетов)
🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3✍1👍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. Улучшенная работа с
Теперь сетевые запросы и консольные сообщения сервис-воркеров могут быть видны в тестах (и отключаемы переменными окружения), что помогает тестировать PWA и offline-поведение.
4. Новые API. Добавлены удобства вроде
5. Breaking-change: удалён
Таким образом, в новой версии основной упор сделан на удобство отладки тестов, стабильность инфраструктуры и несколько новых API.
🔖Подробнее
Playwright — фреймворк для автоматизированного тестирования веб-приложений (end-to-end), поддерживающий разные браузеры (Chromium/Chrome, Firefox, WebKit) через единый API и автоматические ожидания, чтобы минимизировать «flaky» тесты. Работает на JavaScript/TypeScript, Python, .NET, Java и используется в CI/CD, локальной разработке и сложных E2E-сценариях.
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
👍5❤3🏆2
#НовостиРазработки ✅ Удобная авторизация с Better Auth 1.4
Better Auth 1.4 — современный фреймворк для управления аутентификацией и авторизацией в веб-приложениях. Он упрощает работу с OAuth, SSO, API-ключами, JWT и пользовательскими сессиями, при этом поддерживает масштабируемость, производительность и безопасность. Основное преимущество — возможность быстро внедрять аутентификацию с минимальной конфигурацией, включая stateless-сессии без базы данных.
🌲 Что нового в версии 1.4:
— Stateless Auth: управление сессиями без базы данных, поддержка
— SCIM Provisioning: стандартизированное управление пользователями в мультидоменных сценариях.
— Дополнительное состояние в
— Оптимизация запросов к базе: экспериментальная поддержка
— Поддержка вторичного хранилища 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-архитектуры и облачные среды
🔖Подробнее
Better Auth 1.4 — современный фреймворк для управления аутентификацией и авторизацией в веб-приложениях. Он упрощает работу с OAuth, SSO, API-ключами, JWT и пользовательскими сессиями, при этом поддерживает масштабируемость, производительность и безопасность. Основное преимущество — возможность быстро внедрять аутентификацию с минимальной конфигурацией, включая stateless-сессии без базы данных.
— 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
👍2✍1❤1
#НовостиРазработки 📈 Вышло обновление Recharts v3.7.0
Recharts помогает превратить скучные таблицы с числами в понятные, красивые и интерактивные графики прямо в вашем React-приложении. Обновление v3.7.0 делает эту библиотеку ещё надежнее и удобнее.
Когда полезна библиотека Recharts? Чтобы:
— Быстро добавить графики в React-приложение без написания SVG с нуля
— Визуализировать результаты анализа в веб-интерфейсе
— Создать дашборды для отслеживания метрик продукта
— Показать графики доходов, расходов
— Отобразить статистику пользователей, трафика, продаж и т.д.
Что нового в v3.7.0❓
⚠️ Компонент
✨ Новые хуки:
—
—
✔️ Проп
✔️ Оси X/Y: Добавлен новый автоматический тип оси "
✔️TypeScript — улучшена типизация: добавлены экспорты полезных типов (для
✔️Устранена циклическая зависимость при сборке с Vite.
✔️Включён строгий режим (strict) в конфигурации TypeScript для повышения качества кода.
🔖Подробнее
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
👍4✍1❤1
#НовостиРазработки ✨ Обновление eslint-react v2.9.0
eslint-react — это набор правил ESLint для проектов на React, помогающий автоматически находить ошибки, антипаттерны и потенциальные проблемы в коде ещё до запуска приложения.
Обновление v2.9.0 сосредоточено на улучшении поддержки React Server Components (RSC) и структурировании правил ESLint.
💡 Главное изменение — правило
✔️Добавлен новый подплагин
✔️Также появились два пресета:
1)
2) и
Это упрощает настройку и делает конфигурацию более гибкой и управляемой.
Релиз не меняет API, а делает поддержку RSC более явной и удобной.
🔖Подробнее
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
👍4❤1🔥1
#НовостиРазработки 🎨 Обновление shadcn/ui: блоки для Radix и Base UI
Shadcn/ui — это коллекция готовых к использованию React-компонентов, которые вы копируете прямо в свой проект, а не подключаете через
Вышло крупное обновление для shadcn UI: теперь все блоки доступны сразу для двух библиотек компонентов — Radix UI и Base UI.
💡 Что изменилось?
Раньше часть блоков была заточена только под Radix, а Base UI поддерживался не полностью.
✅ Теперь 100% блоков (логины, регистрации, сайдбары, дашборды) существуют в двух вариантах — под Radix и под Base UI. Разработчик может выбрать тот стек, который ему ближе, и получать полностью работочие примеры интерфейсов.
Как это работает?
Shadcn сохранил привычный CLI. Команда
✅ CLI автоматически определяет, какая библиотека используется в проекте, и подгружает корректный вариант блока.
— Если проект создан через
Для чего это нужно?
Это решение закрывает вопрос совместимости и выбора стека.
— Radix UI — проверенная временем библиотека с широкими возможностями;
— Base UI от MUI — более новый игрок с фокусом на производительность и дизайн-системы.
✅ Теперь разработчики могут выбирать между ними без компромиссов: блоки выглядят и работают одинаково хорошо на обеих платформах.
Таким образом, обновление убирает фрагментацию экосистемы Shadcn. Это снижает порог входа и позволяет масштабировать проекты без привязки к одному вендору компонентов
🔖Подробнее
Shadcn/ui — это коллекция готовых к использованию React-компонентов, которые вы копируете прямо в свой проект, а не подключаете через
npm install. Вы владеете кодом полностью.Вышло крупное обновление для shadcn UI: теперь все блоки доступны сразу для двух библиотек компонентов — Radix UI и Base UI.
Раньше часть блоков была заточена только под Radix, а Base UI поддерживался не полностью.
Как это работает?
Shadcn сохранил привычный CLI. Команда
npx shadcn add работает по-старому, но теперь она умная: — Если проект создан через
npx shadcn create, выбор библиотеки уже сохранён в конфиге — блоки сразу ставятся под неё.Для чего это нужно?
Это решение закрывает вопрос совместимости и выбора стека.
— Radix UI — проверенная временем библиотека с широкими возможностями;
— Base UI от MUI — более новый игрок с фокусом на производительность и дизайн-системы.
Таким образом, обновление убирает фрагментацию экосистемы Shadcn. Это снижает порог входа и позволяет масштабировать проекты без привязки к одному вендору компонентов
🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5✍1❤1
#НовостиРазработки ✏️ Обновление библиотеки форм 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 улучшена структура
— Добавлена поддержка свойств
— Обновлены зависимости (lodash, ESLint, Next.js и др.), исправлены ошибки, связанные с локализацией, стилями, IndexedDB и тестовой средой
🎯JSON-подход позволяет хранить схемы форм в базе данных или получать их через API. Это удобно для админ-панелей, onboarding-процессов, B2B-конфигураторов и multi-tenant продуктов.
✅ Формы можно переиспользовать в разных проектах без дублирования логики.
🔖Подробнее
FormEngine Core — это лёгкая open-source библиотека для React, предназначенная для создания динамических форм на основе JSON-схемы.
Что нового
— В версии 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
👍6✍2❤1
#НовостиРазработки ⚙️ Обновленные инструменты разработчика в Chrome 145
В Chrome 145 команда Chrome DevTools сосредоточилась не на новых громких фичах, а на качестве: исправили баги, упростили интерфейсы и ускорили работу панели Performance.
⚙️Обновился DevTools MCP-сервер (v0.11 → v0.14).
— Появился флаг авто-подключения к запущенному Chrome,
— единый инструмент эмуляции (геолокация, сеть, CPU, user-agent) и
— сохранение логов между навигациями — как Preserve Log.
⚙️В Performance теперь видны
— Построчный профайлер стал точнее: корректно работает с
— Также ускорили взаимодействие с тяжёлыми трейcами — меньше лагов при выделении диапазонов.
⚙️В Network добавили колонку Render blocking для поиска ресурсов, блокирующих отрисовку (JS, CSS, шрифты), и вернули
⚙️Плюс мелкие улучшения в Elements, Sources, Console и заметные апдейты доступности для screen reader и high-contrast режимов.
🔖Подробнее
В 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
👍3❤1🔥1
#НовостиРазработки 📊 Обзор результатов опроса React 2025
“State of React 2025” - ежегодное исследование сообщества разработчиков React: какие API, библиотеки и подходы используются, какие нравятся, а какие — нет. Оно показывает состояние экосистемы React в 2025 году, тенденции по использованию фич и предпочтения разработчиков.
💬 Ключевые выводы из опроса
— Хук
— Компонент
— React Server Components и Server Functions вызывают разные мнения — часть разработчиков активно их тестирует, но широкого, однозначного принятия пока нет.
—
— Среди любимых сторонних библиотек стабильными фаворитами оказались TanStack Query и Zustand (для загрузки данных и управления состоянием).
🔖Подробнее
“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
🔖Подробнее
24 февраля 2026 года было объявлено о запуске React Foundation, размещённого под эгидой Linux Foundation. Теперь проекты React, React Native и JSX больше не принадлежат компании Meta — они переданы независимому фонду. Это делает развитие экосистемы более нейтральным и управляемым сообществом.
У фонда восемь платиновых участников-основателей: Amazon, Callstack, Expo, Huawei, Microsoft, Software Mansion и Vercel. Они формируют совет директоров, а исполнительным директором стал Seth Webster.
В ближайшие месяцы планируется завершить передачу репозиториев и инфраструктуры, утвердить техническую структуру управления, запустить программы поддержки экосистемы и начать подготовку следующей конференции React Conf. Создание фонда подчёркивает роль сообщества и открывает новый этап развития React
🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍3❤🔥2❤1
#НовостиРазработки ✨ TypeScript вышел в версии 6.0-beta
В феврале команда TypeScript анонсировала бета-версию 6.0. Это переходный релиз: он станет последним на текущей JS-кодовой базе. В 7.0 компилятор перепишут на Go ради скорости и параллельной проверки типов, а 6.0 подготовит проекты к этой миграции.
Что нового❓
— Улучшенный вывод типов для методов без явного
— В TypeScript 6.0 добавлена цель
— Добавлены типы для API Temporal, методы
— Изменения в настройках:
-
- параметр
- поле
🔖Подробнее
В феврале команда 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🔥4❤3
#НовостиРазработки 👩🏻⚕️React Doctor: инструмент для анализа и улучшения React-проектов
React Doctor — это инструмент для анализа проектов на React, который автоматически находит проблемы в коде.
💡 Идея проста: одной командой можно просканировать весь проект и получить оценку “здоровья” кода от 0 до 100. Инструмент анализирует безопасность, производительность, архитектуру, корректность кода и доступность интерфейса.
Когда запускается команда
Первый — lint-проверка. Она проверяет более 60 правил: работу со
Второй — поиск мёртвого кода. Инструмент находит неиспользуемые файлы, функции, экспорты и типы, а также дубликаты.
React Doctor можно использовать локально, в CI/CD через GitHub Actions, или через Node.js API. Также есть конфигурационный файл, позволяющий игнорировать определённые правила или файлы.
🔖Подробнее
React Doctor — это инструмент для анализа проектов на React, который автоматически находит проблемы в коде.
Когда запускается команда
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
👍8❤3✍2
#НовостиРазработки 📖 📖 📖 React Split Pane v3: инструмент для создания адаптивных интерфейсов с изменяемыми панелями
React Split Pane v3 — библиотека для React для создания интерфейсов с разделёнными панелями. С её помощью можно делить экран на несколько частей и изменять их размер, перетаскивая разделитель. Такой подход часто используется в редакторах кода, админ-панелях и сложных веб-приложениях.
✔️Библиотека использует хуки, что делает код более понятным и удобным для поддержки. Она написана на TypeScript, поэтому разработчик получает полную типизацию и меньше ошибок во время разработки.
✔️React Split Pane поддерживает как горизонтальное, так и вертикальное разделение интерфейса. Компонент
✔️Библиотека также поддерживает контролируемый режим, когда размеры панелей хранятся в состоянии приложения, и неконтролируемый режим, где размеры управляются самим компонентом. Дополнительно есть возможность создавать вложенные панели, что позволяет строить сложные макеты интерфейса.
✔️Среди дополнительных функций — сохранение размеров панелей в
🪶При этом библиотека остаётся очень лёгкой (менее 5 KB в сжатом виде) и оптимизированной по производительности
🔖Подробнее
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
👍7✍2❤2
#НовостиРазработки Вышло обновление React Aria 1.16
React Aria 1.16 — библиотеки от Adobe для создания доступных (accessible) UI-компонентов в React: предоставляет готовую логику для элементов интерфейса — кнопок, списков, меню, календарей, комбобоксов и других — с правильной поддержкой клавиатуры, экранных читалок и ARIA-атрибутов. Библиотека не рисует готовый UI, а дает хуки и поведение компонентов.
Главное нововведение — поддержка мультивыбора в
В компоненте
Также улучшена работа оверлеев (всплывающих элементов): исправлено позиционирование внутри контейнеров, не связанных напрямую с
В релизе много исправлений стабильности: устранены падения в
Также добавлены новые типы и API (например,
🔖Подробнее
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-приложениях без лишнего кода и перерендеров.
Что нового❓
Главное изменение — добавлена встроенная валидация на уровне всей формы (
Также:
✅ Исправлен баг с
✅ Починен чекбокс с нативной валидацией — раньше она могла игнорироваться.
✅ Добавлена возможность подписываться на состояние отправки формы (
🔖Подробнее
React Hook Form — библиотека для работы с формами для удобного управления состоянием форм, валидацией и отправкой данных в React-приложениях без лишнего кода и перерендеров.
Что нового
Главное изменение — добавлена встроенная валидация на уровне всей формы (
form-level validate). Теперь можно проверять сразу все поля вместе, а не только каждое по отдельности. Это полезно для сложных сценариев, где поля зависят друг от друга (например, сравнение значений).Также:
useFieldArray — раньше изменение одного поля могло ошибочно помечать другие как “изменённые” (dirty).submit state) через formState.🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3❤1🔥1
#НовостиРазработки 🚀Обновление React Router 7.14
React Router — библиотека для навигации в React-приложениях: управляет тем, какая страница (компонент) отображается по URL, позволяет делать переходы без перезагрузки, настраивать вложенные маршруты, защищённые страницы и загрузку данных
Что нового❓
1. Поддержка Vite 8: быстрее запускается проект, мгновенный HMR (hot module replacement), лучше DX (developer experience). Особенно важно, если используешь Vite вместо Webpack
2. Улучшения производительности: меньше утечек памяти при загрузке данных (SSR, стриминг, API), что особенно чувствительно на больших приложениях.
— Убрана рекурсия в
— Починен
3. Пререндеринг (SSR): Теперь можно пререндерить несколько
4. RSC (React Server Components) — ⚠️ экспериментально:
— Поддержка
— Новый способ экспортов (
—
То есть часть логики выполняется на сервере → меньше JS на клиенте
🔖Подробнее
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
👍3❤1🔥1
#Новости разработки 🎉 Вышел Vite 8.0
Вышло крупное обновление сборщика фронтенда Vite 8.0, которое радикально меняет внутреннюю архитектуру и сильно ускоряет сборку проектов.
💡 Главное изменение: Vite теперь использует Rolldown (Rust) как единый бандлер вместо двух систем раньше (esbuild для dev и Rollup для production). Это убирает дублирование логики и делает сборку в 10–30 раз быстрее, особенно в больших проектах.
Дополнительно:
— Улучшена совместимость с плагинами
— Появились встроенные devtools для анализа проекта
— Поддержка TypeScript paths без сторонних плагинов. Можно использовать алиасы из
— Улучшена работа с WebAssembly и SSR
— Консоль браузера теперь можно выводить в терминал
Также улучшили DX:
— быстрее старт dev-сервера
— меньше сетевых запросов
— лучше дебаг и профилирование
🔖Подробнее
Вышло крупное обновление сборщика фронтенда Vite 8.0, которое радикально меняет внутреннюю архитектуру и сильно ускоряет сборку проектов.
Дополнительно:
— Улучшена совместимость с плагинами
— Появились встроенные devtools для анализа проекта
— Поддержка TypeScript paths без сторонних плагинов. Можно использовать алиасы из
tsconfig.json напрямую, и они автоматически корректно резолвятся в проекте.— Улучшена работа с WebAssembly и SSR
— Консоль браузера теперь можно выводить в терминал
Также улучшили DX:
— быстрее старт dev-сервера
— меньше сетевых запросов
— лучше дебаг и профилирование
🔖Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6❤4👍3
#НовостиРазработки Вышло полезное обновление React Hook Form v.7.73.1
React Hook Form — популярная библиотека для работы с формами, необходимая, чтобы управлять инпутами, валидацией, ошибками и
✨ Главные изменения:
1. Ускорение работы форм
—
—
—
Практический эффект: большие формы работают заметно плавнее.
2. Меньше лишней логики
— убрана ненужная проверка
3. Исправления сложных багов
— безопасный доступ к
— корректная работа
— исправлена валидация
— починен
— корректная работа
4. Улучшение DX
— ошибки
Таким образом, для продакшн-проектов — это полезный апдейт без боли миграции. Особенно если у вас сложные формы, массивы полей и кастомные
🔖Подробнее
React Hook Form — популярная библиотека для работы с формами, необходимая, чтобы управлять инпутами, валидацией, ошибками и
submit-логикой без лишних ререндеров и громоздкого state-кода.1. Ускорение работы форм
—
memoize submit — submit-обработчик теперь кэшируется, что снижает лишние вычисления,—
deepEqual стал быстрее — это важно, потому что библиотека часто сравнивает значения формы,—
setValue больше не вызывает ререндер, если значение не изменилось.Практический эффект: большие формы работают заметно плавнее.
2. Меньше лишней логики
— убрана ненужная проверка
shouldDirty3. Исправления сложных багов
— безопасный доступ к
field._f при register,— корректная работа
watch с Controller, trigger, reset,— исправлена валидация
field array при onBlur,— починен
isDirty, если удалить элемент с shouldDirty: true,— корректная работа
nested fields, если defaultValue = null4. Улучшение 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, ловит ошибки с зависимостями в
1. Главное нововведение — поддержка ESLint v10. Для проектов, которые обновляют стек, это критично: без совместимости линтер становится узким местом.
2. Второе важное изменение — рост производительности. Теперь плагин пропускает компиляцию файлов, которые не относятся к React. В больших монорепозиториях это экономит время проверки и ускоряет CI/CD.
3. Самая ценная часть релиза — улучшенные проверки. Стало точнее определяться опасное использование
🔖Подробнее
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
👍2❤1🔥1
#НовостиРазработки ✨ Вышло крупное обновление Rspack 2.0
Rspack 2.0 — JavaScript-бандлер, быстрый аналог webpack — стал еще быстрее, легче и лучше адаптированным под современные стандарты разработки.
1. Главный акцент релиза — производительность. По сравнению с ранними версиями скорость сборки выросла до 100%, а кэшированные сборки ускорились ещё сильнее.
2. Вторая важная цель — упрощение. У Rspack 2.0 стало меньше зависимостей: например, dev-server сократил их число почти до нуля. Это уменьшает размер установки, снижает риски конфликтов и делает инфраструктуру стабильнее.
3. С технической стороны улучшена работа с ESM — современным форматом JavaScript-модулей. Добавлена поддержка
4. Экспериментальная поддержка React Server Components — архитектуры, на которой строятся современные fullstack-фреймворки.
5. Также 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
👍3❤2✍1