Новые возможности React и другие обновления в мире разработки

В этом обзоре мы рассмотрим новые экспериментальные функции React, включая поддержку анимации, а также последние достижения в Angular, RedwoodJS, Anthropic и IBM. Узнайте, как новые инструменты и технологии меняют подход к разработке приложений.

Экспериментальные функции анимации в React

На этой неделе React добавил экспериментальную поддержку двух новых технологий: View Transitions и Activity.

View Transitions упрощает добавление анимаций к переходам интерфейса в приложениях. “Внутри, эти анимации используют новый API start ViewTransition, доступный в большинстве современных браузеров,” — говорится в блоге React Labs. “Этот новый компонент позволяет декларативно определить ‘что’ анимировать, когда анимация активируется.”

Команда React также создала объяснение работы View Transition, сосредоточив внимание на том, как разработчики могут использовать его с тремя триггерами: startTransition, useDeferredValue и Suspense. Когда DOM обновляется из-за одного из этих триггеров, React автоматически определяет, какие компоненты активировать для анимации, а браузер выполняет анимацию, определенную в CSS. Однако стоит отметить, что это не предназначено для замены всех анимаций в приложении. “View Transitions предназначены для использования в UI-переходах, таких как навигация, разворачивание, открытие или переупорядочивание,” — подчеркнули в блоге.

API Activity для управления состоянием интерфейса

Activity — это API, который позволяет скрывать и отображать части интерфейса. Цель заключается в том, чтобы позволить разработчикам приоритизировать компоненты, “сохраняя состояние UI с меньшими затратами на производительность по сравнению с удалением или скрытием с помощью CSS.”

Как пояснили в блоге команды React, “Когда Activity видим, он рендерится как обычно. Когда Activity скрыт, он удаляется, но сохраняет свое состояние и продолжает рендериться с более низким приоритетом, чем все видимые элементы на экране.”

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

Angular представляет LLM-first веб-фреймворк

Лидер команды Angular Минко Гечев, известный в сообществе Angular, представил на этой неделе новый веб-фреймворк, ориентированный на большие языковые модели (LLM). В своем блоге он отметил две основные проблемы существующих платформ для кодирования: несоответствие версий API и нехватка существенных обучающих данных.

Гечев описал, как он спроектировал фреймворк с тонкой реактивностью, используя очень базовый синтаксис. “У него ортогональные API, которые дополняют друг друга, и есть единственный способ делать вещи,” — добавил он. Проект доступен с открытым исходным кодом на GitHub.

RedwoodJS запускает RedwoodSDK

Команда RedwoodJS анонсировала RedwoodSDK — новый фреймворк, созданный для Cloudflare. “RedwoodSDK — это естественная эволюция всего, что мы узнали при создании и поддержке RedwoodJS,” — написал Питер Писториус в блоге сообщества.

Писториус также заверил пользователей, что RedwoodJS останется полностью поддерживаемым, с активным обслуживанием и обновлениями.

Новый ассистент программирования от Anthropic

Anthropic выпустила инструмент командной строки для своего ассистента программирования, названного Claude Code. “Разработанный как исследовательский проект, Claude Code дает инженерам и исследователям Anthropic более нативный способ интеграции Claude в их рабочие процессы,” — говорится в блоге компании.

IBM открывает модель распознавания речи

На прошлой неделе IBM открыла доступ к своей новой модели распознавания речи Granite Speech 3.3 8B, которая поддерживает восемь языков и может обрабатывать большие аудиофайлы. Разработчики могут использовать эту модель для создания голосовых AI-агентов, которые транскрибируют ввод пользователя и запускают дополнительные действия, что делает взаимодействие более интерактивным.

Читайте также
Сокращение команд Flutter, Dart и Python в Google
Сокращение команд Flutter, Dart и Python в Google
Сокращение команд Flutter, Dart и Python в Google

Большое сокращение команд по ЯП Flutter, Dart, Python.

Технологические прогнозы на 2024 год: ИИ, Mojo и блокчейн
Технологические прогнозы на 2024 год: ИИ, Mojo и блокчейн
Технологические прогнозы на 2024 год: ИИ, Mojo и блокчейн

Блокчейн, искусственный интеллект, антиконкурентная деятельность и новый язык программирования Mojo наверняка займут первые строчки в медиа в 2024 году. Предлагаем пять прогнозов о технологиях, которые, по нашему мнению, произойдут в предстоящем году:

Gleam 1.0: Статически типизированный функциональный язык на Erlang VM достиг v1.0
Gleam 1.0: Статически типизированный функциональный язык на Erlang VM достиг v1.0
Gleam 1.0: Статически типизированный функциональный язык на Erlang VM достиг v1.0

Gleam, функциональный язык с акторной моделью, работающий на виртуальной машине Erlang (BEAM), достиг версии 1.0. Это означает, что теперь он готов к использованию в производственных системах с гарантией обратной совместимости на основе семантического версионирования. Gleam стремится быть языком с небольшой областью применения, легким для чтения и понимания, а также выразительным. Преимущества Gleam: Конкуренция на BEAM […]

Dev новости:  Nuxt 3.9, Vue.js 3.4, анализируем React Server Components
Dev новости: Nuxt 3.9, Vue.js 3.4, анализируем React Server Components
Dev новости: Nuxt 3.9, Vue.js 3.4, анализируем React Server Components

Улучшения в Vue.js, анонс новых фич для версии 3.9 в Nuxt. Bun, Copilot и небольшой анализ react серверных компонентов.