React JS

JavaScript. Что будет выведено в консоль? Ответ

⚡️ React Compiler переписали на Rust - сборка ускорилась в 17 раз Команда Master.dev перевела React Router-проект на новый нативный React Compiler из экосистемы oxc и получила очень заметный прирост скорости. На кодовой базе из 1 036 файлов: - Babel-версия компилятора - 14,3 с - Rust-версия - 0,81 с - ускорение компилятора - примерно 17,6× - вся сборка ускорилась с 22,1 до 9,3 с, то есть примерно в 2,4 раза Важно: 17× относится именно к работе React Compiler, а не ко всему build pipeline. Новый вариант построен вокруг oxc-transform-react. В @vitejs/plugin-react 6.1 появилась экспериментальная поддержка нативного компилятора: import { defineConfig } from "vite"; import react from "@vitejs/plugin-react"; export default defineConfig({ plugins: [react({ compiler: true })], }); После перехода можно убрать Babel-слой и @rolldown/plugin-babel, что делает конфигурацию не только быстрее, но и проще. Есть и функциональные улучшения: Rust-версия уже поддерживает некоторые конструкции, на которых старый Babel-компилятор делал bailout, включая часть логики в try/catch, computed property keys и отдельные случаи с destructured props. Для больших React-проектов это особенно интересно из-за CI: меньше времени на компиляцию - меньше GitHub Actions minutes и быстрее feedback loop. https://blog.master.dev/react-now-rusted-all-the-way-out/ @react_tg

JavaScript. Напишите функцию order, которая принимает строку и возвращает её вариант, очищенный от цифр, вшитых в каждое слово, и отсортированный на основе этих цифр. Ответ

⚡️ Вышел React 19.3 - View Transitions и Fragment Refs стали стабильными Что добавили: • Анимации через `<ViewTransition>` Появление, исчезновение, перемещение и изменение размеров элементов через браузерный View Transition API. По умолчанию - плавное затухание, свои эффекты задаются через CSS или Web Animations API. Анимации запускаются для Transition-обновлений, включая startTransition, раскрытие Suspense и useDeferredValue. Обычные срочные обновления отображаются сразу. • `ref` у `<Fragment>` Можно управлять фокусом, обработчиками событий, измерениями и наблюдением за группой DOM-элементов без дополнительного `<div>`, который мог бы повлиять на вёрстку. • `use(browser())` для компонентов, которым нужен браузер Позволяет пропустить серверный рендеринг компонента, зависящего, например, от localStorage. На сервере показывается ближайший Suspense fallback, в браузере компонент продолжает рендеринг. • Поддержка Trusted Types React больше не превращает соответствующие объекты в строки перед передачей в DOM API. Политики Trusted Types теперь могут работать корректно. • Меньше обёрток для Context Server Components могут напрямую рендерить контекст, импортированный из модуля с 'use client'. Также медленный Transition больше не задерживает другие, не связанные с ним переходы. https://react.dev/blog/2026/09/09/react-19-3 @react_tg

Совет по CSS 💡 Знаете ли вы, что можно упростить длинные списки селекторов в CSS с помощью :where()? 🤩

🌦️ Красивый пример того, как может выглядеть современное приложение на Aspire Команда показала полноценную интерактивную карту погоды на Node.js с живыми прогнозами и анимированным радаром. Под капотом: ⚡ Express + OpenTelemetry API ⚛️ React 19 + Vite 🗺️ Leaflet для карты 🛰️ анимированный погодный радар и актуальные прогнозы 🧩 всё приложение оркестрируется через TypeScript AppHost Хороший пример Aspire не в виде очередного Hello World, а как основа для полноценного приложения из нескольких сервисов. https://aspire.dev/reference/samples/ @csharp_ci

🔥 Claude Code теперь можно менять изнутри Anthropic представила Mods: небольшие функции на TypeScript, которые вмешиваются в работу Claude Code. Мод может изменить промпт до отправки модели, заблокировать или повторить вызов инструмента, скрыть секрет из ответа и добавить элементы интерфейса. Работает в CLI и настольном приложении. Моды распространяются через плагины. По сути, разработчик может настроить поведение самого агента под свой процесс, а не только давать ему инструкции. Устанавливать стоит из доверенных источников: мод выполняется с тем же доступом к компьютеру, что и Claude Code. https://claude.com/blog/claude-code-mods

Circular Progress Bar Это элемент веб-дизайна, который используется для отображения процесса выполнения задачи или процентного выполнения определенной операции. Этот элемент представляет собой круговую диаграмму, которая заполняется цветами, чтобы показать, сколько уже выполнено. Примеры использования такой круговой диаграммы могут включать отображение процента выполнения загрузки файла, уровень заряда батареи или прогресс выполнения определенной задачи на веб-сайте. Это стильное и интуитивно понятное решение для визуализации информации о ходе выполнения задачи. 🌐Ссылка на видео