логотип PurpleSchool
Иконка входа
Вход
логотип PurpleSchool

Новая Next.js 14.2

Картинка поста Новая Next.js 14.2

Релиз Next.js 14.2 направлен на повышение производительности и улучшение опыта разработчика (DX). Он включает в себя значительные улучшения для разработки и производства, а также новые возможности кэширования и оптимизации кода.

Turbopack для разработки (Release Candidate)

Turbopack является новой системой сборки, предназначенной для ускорения процесса разработки за счёт мгновенной пересборки изменений. Это улучшает время отклика системы на изменения в коде, делая процесс разработки более эффективным и менее подверженным задержкам.

Улучшения процесса сборки и производства

- Удаление лишнего кода (Tree-shaking)

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

- Использование памяти при сборке

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

- CSS

Обновления в обработке CSS улучшают изоляцию и порядок стилей между страницами, предотвращая проблемы с приоритетом стилей при навигации.

Улучшения кэширования

- staleTimes (Экспериментально)

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

- Параллельные и перехватывающие маршруты

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

Улучшения DX ошибок

Next.js 14.2 включает улучшенные сообщения об ошибках и новый дизайн оверлея ошибок, поддерживающий как светлую, так и темную темы. Эти изменения направлены на упрощение процесса разработки и отладки приложений.

React 19

Подготовка к интеграции с React 19 включает в себя поддержку новых функций и хуков, что делает Next.js более совместимым с последними трендами и возможностями в разработке на React.

Прочие улучшения

К релизу также относятся новые документации по оптимизации видео, улучшения в логике потоковой передачи страниц, поддержка локализации в сгенерированных картах сайта, визуальные улучшения в логах разработки и сборки, а также другие наработки, направленные на улучшение общего качества и производительности.

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile

Комментарии

0

Карта развития разработчика

Получите полную карту развития разработчика по всем направлениям: frontend, backend, devops, mobile