логотип PurpleSchool
  • Бесплатно
      Карта развитияОсновы разработкиCSS Flexbox
    • Новостные рассылкиИконка стрелки
    • База знанийИконка стрелки
    • Карьерные пути
      • Frontend React разработчик
      • Frontend Vue разработчик
      • Backend разработчик Node.js
      • Fullstack разработчик React / Node.js
      • Mobile разработчик React Native
      • Backend разработчик Golang
      • Devops инженер
    • О нас
      • Отзывы
      • Реферальная программа
      • О компании
      • Контакты
    • Иконка открытия меню
      • Сообщество
      • PurpleПлюс
      • AI тренажёр
      • Проекты
    логотип PurpleSchool
    ютуб иконка
    Telegram иконка
    VK иконка
    Курсы
    ГлавнаяКаталог курсовFrontendBackendFullstack
    Практика
    КарьераПроектыPurpleПлюс
    Материалы
    БлогБаза знаний
    Документы
    Договор офертаПолитика конфиденциальностиПроверка сертификатаМиграция курсовРеферальная программа
    Реквизиты
    ИП Ларичев Антон АндреевичИНН 773373765379contact@purpleschool.ru

    PurpleSchool © 2020 -2025 Все права защищены

  • Курсы
    Иконка слояПерейти в каталог курсов
    • FrontendИконка стрелки
    • BackendИконка стрелки
    • DevOpsИконка стрелки
    • MobileИконка стрелки
    • ТестированиеИконка стрелки
    • Soft-skillsИконка стрелки
    • ДизайнИконка стрелки
    • Картинка группы Общее

      Общее


      • Основы разработки
      • Основы Git
      • HTML и CSS
      • CSS Flexbox
      • Основы JavaScript
      • Продвинутый JavaScript
      • TypeScript с нуля
      • Neovim
    • Картинка группы React

      React


      • React и Redux Toolkit
      • Zustand
      • Next.js - с нуля
      • Feature-Sliced Design
    • Картинка группы Vue.js

      Vue.js


      • Vue 3 и Pinia
      • Nuxt
      • Feature-Sliced Design
    • Картинка группы Angular

      Angular


      • Angular 19 Иконка курсаСкоро!
    • Картинка группы Node.js

      Node.js


      • Основы Git
      • Основы JavaScript
      • Продвинутый JavaScript
      • Telegraf.js Иконка курсаСкоро!
      • TypeScript с нуля
      • Node.js с нуля
      • Nest.js с нуля
    • Картинка группы Golang

      Golang


      • Основы Git
      • Основы Golang
      • Продвинутый Golang
      • Golang - Templ Fiber HTMX
    • Картинка группы C#

      C#


      • Основы C#
    • Картинка группы Python

      Python


      • Основы Python
      • Продвинутый Python Иконка курсаСкоро!
    • Картинка группы PHP

      PHP


      • Основы PHP Иконка курсаСкоро!
    • Картинка группы Общее

      Общее


      • Основы разработки
      • Docker и Ansible
      • Kubernetes и Helm
      • Микросервисы
      • Neovim
    • Картинка группы Общее

      Общее


      • Основы разработки
      • Основы Git
      • Основы Linux
      • Bash скрипты
      • Docker и Ansible
      • Kubernetes и Helm
      • Микросервисы
      • Neovim
    • Картинка группы Общее

      Общее


      • Основы разработки
      • Основы Git
      • Neovim
    • Картинка группы React Native

      React Native


      • HTML и CSS
      • Основы JavaScript
      • Продвинутый JavaScript
      • TypeScript с нуля
      • React и Redux Toolkit
      • React Native и Expo Router
    • Картинка группы Flutter

      Flutter


      • Основы Flutter Иконка курсаСкоро!
    • Картинка группы Swift

      Swift


      • Основы Swift и iOS
    • Картинка группы Общее

      Общее


      • Продвинутое тестирование Иконка курсаСкоро!
      • Основы тестирования ПО
    • Картинка группы Общее

      Общее


      • Собеседование
      • Современный Agile
    • Картинка группы Figma

      Figma


      • Основы дизайна
  • логотип PurpleSchool
    • Сообщество
    • PurpleПлюс
    • AI тренажёр
    • Проекты
    Главная
    Сообщество
    Новая Next.js 14.2

    Новая Next.js 14.2

    Аватар автора Новая Next.js 14.2

    Дмитрий

    Иконка календаря22 апреля 2024
    Next.jsReactJavaScriptmiddleИконка уровня middle
    Картинка поста Новая 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.

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

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

    Иконка глаза1 007

    Комментарии

    0

    Постройте личный план изучения Next.js 15 - с нуля, React TypeScript, Hooks, SSR и CSS Grid до уровня Middle — бесплатно!

    Next.js 15 - с нуля, React TypeScript, Hooks, SSR и CSS Grid — часть карты развития Frontend

    • step100+ шагов развития
    • lessons30 бесплатных лекций
    • lessons300 бонусных рублей на счет

    Бесплатные лекции

    Лучшие курсы по теме

    изображение курса

    Vue 3 и Pinia

    Антон Ларичев
    AI-тренажеры
    Практика в студии
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.9
    3 999 ₽ 6 990 ₽
    Подробнее
    изображение курса

    Nuxt

    Антон Ларичев
    AI-тренажеры
    Практика в студии
    Гарантия
    Бонусы
    иконка звёздочки рейтинга5.0
    3 999 ₽ 6 990 ₽
    Подробнее
    изображение курса

    Feature-Sliced Design

    Антон Ларичев
    AI-тренажеры
    Практика в студии
    Гарантия
    Бонусы
    иконка звёздочки рейтинга4.6
    3 999 ₽ 6 990 ₽
    Подробнее
    Иконка чипа+4