Меню Закрыть

Next.js обеспечивает лучшую производительность при разработке React-приложения. С последним обновлением сервера оптимизированы беспроводной инфраструктуры, использование памяти и многое другое.

Инфраструктура Next.js это позволяет Разрабатывать приложение с React и JavaScript, достигает Высшей версии 8. Next.js обеспечивает такие функции, как серверного Рендеринга кода и автоматическим Расщепления для повышения производительности приложений.

Это было сделано

В области сервера беспроводной инфраструктуры в новой версии некоторые хитрости. Надежность и масштабируемость сервера развертывания беспроводной улучшена путем каждой страницы в Pages-каталог будет в одиночку лямбда. Кроме того next.js обеспечивает низкоуровневый API для сервера свободные развертывания. Serverless Computing предлагает несколько преимуществ, включая расходы по их использованию, автоматическое масштабирование и мгновенное развертывание новых ресурсов. Next.js имеет Serverless mode, который можно включить в next.config.js .

модули.exports = {
target: «serverless»,
}

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

We are making contributions to to improve Webpack Next.js’s (and the rest of the ecosystem’s!) build performance and resource utilization.

*16 times better memory usage with no degradation in performance*

Brought to you by the one and only @connordav_is pic.twitter.com/9EOGY4eJzP

— Гильермо дым (@rauchg) January 16, 2019

Кроме того, была добавлена возможность, использовать переменные окружения. В next.config.js ключ env существует сейчас, под любое количество значений могут быть добавлены, затем с помощью process.env.customKey в приложения могут быть доступны. Конкретно это выглядит следующим образом:

В next.config.js:

модули.exports = {
env: {
customKey: ‘Custom value’
}
}

Например, в index.js:

return <h1>значение customKey {process.env.customKey}</h1>

Кроме того, был снят винты в next.js 8 во многих неисправностей, для повышения производительности, стабильности и использования памяти. Так на сайтах можно загрузить с Prefetch-атрибут ну предварительно, инициал HTML размер файла был уменьшен на 23% и статический экспорт был ellert впустую. Полный текст статьи на новую версию 8 можно найти в Next.js-блог.

С помощью команды на версии 8

Которые Next.js 8 версия со всеми новыми функциями и Изменения полностью совместимы. Поэтому существующие Next.js-приложения будут обновляться только с одной командой.

npm i next@latest react@latest react-dom@latest

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

Для этого подходят

  • Введение в React: основные средства
  • Serverless Computing: Поэтому сервер не будущее
Secured By miniOrange