Next.js 12, последняя версия среды веб-разработки Vercel для создания приложений React, обеспечивает более быструю сборку с помощью нового компилятора Rust, а также собственных ES-модулей для JavaScript.
Версия 12, описанная Vercel как самый крупный выпуск Next.js за всю историю, была представлена 26 октября. Компилятор Rust в этой версии был построен на технологии компилятора swc JavaScript/TypeScript и использует встроенную компиляцию. Разработчики Next.js оптимизировали объединение и компиляцию: локальное обновление для компиляции стало примерно в три раза быстрее, а для производственных сборок — примерно в пять раз быстрее.
Компилятор версии 12 также повышает скорость работы с большими базами кода, а разработчики улучшили наблюдаемость производительности компилятора. Базовые улучшения в сборщике модулей веб-пакета оптимизируют быстрое обновление и делают записи по требованию более надежными.
Разработчики могут обновиться до Next.js 12, выполнив: npm i next@latest
Другие улучшения в Next.js 12:
- Поддерживаются модули ES, что обеспечивает официальную стандартизированную систему модулей для JavaScript. Пакеты меньшего размера и пакеты JavaScript включены для лучшего взаимодействия с пользователем. В Next.js 11 экспериментальная поддержка модулей ES имела приоритет над модулями CommonJS. Версия 12 делает его значением по умолчанию. Также предлагается экспериментальная поддержка импорта модулей ES через URL-адреса.
- Внедрение возможностей промежуточного программного обеспечения позволяет разработчикам использовать код вместо конфигурации. Разработчики могут запускать код до завершения запроса. Промежуточное ПО можно использовать для всего, что разделяет логику для набора страниц, включая аутентификацию, защиту от ботов, перенаправление и перезапись, аналитику на стороне сервера и другие функции.
- Благодаря поддержке React 18 такие функции, как приостановка, автоматическая пакетная обработка обновлений и такие API, как
startTransitionподдерживаются под экспериментальным флагом, как и новый потоковый API для серверного рендеринга с поддержкойReact.lazy. - Серверные компоненты React, которые теперь поддерживаются на стадии альфа-версии, позволяют отображать на сервере все, включая сами компоненты. Благодаря серверным компонентам нет необходимости использовать клиентский JavaScript, что ускоряет рендеринг страниц и улучшает взаимодействие с пользователем приложений.
- Встроенный API оптимизации изображений теперь поддерживает изображения AVIF, что позволяет получать изображения на 20 % меньше по сравнению с WebP. Эта функция сейчас находится в состоянии согласия.
- Веб-сканеры или поисковые роботы будут автоматически отображать на сервере страницы ISR (инкрементная статическая регенерация), используя
’fallback: true’. - Благодаря отслеживанию выходных файлов Next.js автоматически отслеживает, какие файлы необходимы для каждой страницы и маршрута API.
- Fast Refresh теперь использует соединение WebSocket вместо соединения EventSource.
Дальше читайте это:
- Облачные вычисления больше не являются пустяком
- Что такое генеративный ИИ? Искусственный интеллект, который создает
- Программирование с помощью ИИ: советы и лучшие практики от разработчиков
- Python пытается удалить GIL и повысить параллелизм
- 7 причин, по которым Java по-прежнему хороша
- Война за лицензирование открытого исходного кода окончена
