Next.js отримує модернізацію перед випуском v13 наступного місяця

Популярна платформа веб-розробки з відкритим кодом Next.js святкує свою шосту річницю та довгоочікувану версію 13.

Готуючись до цього, Vercel оголосила про випуск Next.js версії 12.3. Це останнє оновлення перед випуском версії 13.

«Next.js — це одна з бібліотек та інструментів JavaScript, які найшвидше розвиваються, — сказала Лідія Геллі, керівник відділу розробників Vercel, інтерфейсу платформи для розробників і творця Next.js.

"Він набув популярності завдяки застосуванню інструментів, які обирають розробники (React, Node.js), що полегшує швидке налаштування та створення веб-додатків і дозволяє командам розробників швидше виконувати ітерації."

отримати популярність

Next.js, запущений у 2016 році, є популярним фреймворком веб-розробки з відкритим кодом, створеним Vercel і використовується приблизно 40% розробників. Фреймворк React, створений на основі середовища виконання Node.js JavaScript, дозволяє розробникам створювати високопродуктивні веб-додатки та швидкі статичні веб-сайти.

За словами Девіна Дікерсона, головного аналітика Forrester, розробники обирають його через його безпеку, адаптивність, оптимізацію пошукових систем (SEO) і загальний досвід. «Next.js набирає популярності серед розробників React головним чином завдяки вдосконаленому та спрощеному досвіду розробки», — сказав він.

Згідно з нещодавнім опитуванням, це четверта найпопулярніша структура з точки зору використання та задоволеності після React, Express і jQuery.

Оновлення

У Next.js 12.3 представлені нові функції та оновлення:

Покращена функція швидкого оновлення

Швидке оновлення Next.js надає розробникам миттєвий відгук про зміни, які вони вносять у програми. Vercel розширив можливості швидкого оновлення шляхом гарячого перезавантаження файлів .env, .jsconfig і .tsconfig.

«Якщо раніше розробникам доводилося перезапускати сервер розробки, щоб побачити зміни в цих важливих файлах, відображених у їхній програмі, тепер вони можуть побачити зміни миттєво», — сказала Геллі.

Автоматичне встановлення TypeScript

Next.js тепер автоматично налаштовує та встановлює залежності, необхідні для підтримки TypeScript. Раніше для додавання TypeScript до існуючих проектів потрібно було вручну встановити необхідні залежності.

Нові компоненти іміджу

У Next.js 12.2 представлено новий експериментальний компонент зображень, який дозволяє користувачам легко налаштовувати зображення та покращувати їх продуктивність. Цей компонент тепер стабільний у Next.js 12.3, і Vercel вніс удосконалення, які ще більше спрощують процес і розширюють підтримку нечітких заповнювачів. Вони також покращили доступність, вимагаючи атрибут "alt" (який надає альтернативну інформацію для зображення, якщо користувач не бачить його).

Крім того, розробники тепер можуть використовувати підстановку для визначення доменів під час роботи із зовнішніми зображеннями. Як пояснила Хеллі, це означає, що замість того, щоб надавати всі точні домени та субдомени для отримання зображень, розробники можуть налаштувати шаблон із очікуваним протоколом та іменем хоста. За її словами, ця функція дозволяє віддалено отримувати зображення «більш потужним і гнучким способом».

Крім того, у Next.js 12.3 представлена ​​стабільна версія мініфікатора SWC, яка вперше була розгорнута у версії 12 як експериментальна функція.

"Стабільні версії компонента зображення та компілятора SWC спростять розробникам міграцію своїх програм і оновлення до нової версії Next.js", - сказав Холлі.

«Радикальні зміни» в архітектурі

Випуск також містить оновлення маршрутизатора Next.js і макетів на основі нещодавнього запиту на коментарі до макетів (RFC). Майбутні функції включатимуть:

Групи маршрутизації Миттєві стани завантаження Обробка помилок Моделі Перехоплюють маршрути, паралельні маршрути та умовні маршрути

Крім того, Vercel планує додати підтримку глобального імпорту CSS у каталог програм. Це дозволить розробникам використовувати пакети, які імпортують власні файли .css, не вимагаючи додаткової конфігурації, пояснив Халлі.

Як вона сказала, нова система маршрутизації, охоплена RFC, «кардинально змінить» те, як розробники створюють свої програми Next.js.

простір для зростання

Галлі зазначила, що збільшення...

Next.js отримує модернізацію перед випуском v13 наступного місяця

Популярна платформа веб-розробки з відкритим кодом Next.js святкує свою шосту річницю та довгоочікувану версію 13.

Готуючись до цього, Vercel оголосила про випуск Next.js версії 12.3. Це останнє оновлення перед випуском версії 13.

«Next.js — це одна з бібліотек та інструментів JavaScript, які найшвидше розвиваються, — сказала Лідія Геллі, керівник відділу розробників Vercel, інтерфейсу платформи для розробників і творця Next.js.

"Він набув популярності завдяки застосуванню інструментів, які обирають розробники (React, Node.js), що полегшує швидке налаштування та створення веб-додатків і дозволяє командам розробників швидше виконувати ітерації."

отримати популярність

Next.js, запущений у 2016 році, є популярним фреймворком веб-розробки з відкритим кодом, створеним Vercel і використовується приблизно 40% розробників. Фреймворк React, створений на основі середовища виконання Node.js JavaScript, дозволяє розробникам створювати високопродуктивні веб-додатки та швидкі статичні веб-сайти.

За словами Девіна Дікерсона, головного аналітика Forrester, розробники обирають його через його безпеку, адаптивність, оптимізацію пошукових систем (SEO) і загальний досвід. «Next.js набирає популярності серед розробників React головним чином завдяки вдосконаленому та спрощеному досвіду розробки», — сказав він.

Згідно з нещодавнім опитуванням, це четверта найпопулярніша структура з точки зору використання та задоволеності після React, Express і jQuery.

Оновлення

У Next.js 12.3 представлені нові функції та оновлення:

Покращена функція швидкого оновлення

Швидке оновлення Next.js надає розробникам миттєвий відгук про зміни, які вони вносять у програми. Vercel розширив можливості швидкого оновлення шляхом гарячого перезавантаження файлів .env, .jsconfig і .tsconfig.

«Якщо раніше розробникам доводилося перезапускати сервер розробки, щоб побачити зміни в цих важливих файлах, відображених у їхній програмі, тепер вони можуть побачити зміни миттєво», — сказала Геллі.

Автоматичне встановлення TypeScript

Next.js тепер автоматично налаштовує та встановлює залежності, необхідні для підтримки TypeScript. Раніше для додавання TypeScript до існуючих проектів потрібно було вручну встановити необхідні залежності.

Нові компоненти іміджу

У Next.js 12.2 представлено новий експериментальний компонент зображень, який дозволяє користувачам легко налаштовувати зображення та покращувати їх продуктивність. Цей компонент тепер стабільний у Next.js 12.3, і Vercel вніс удосконалення, які ще більше спрощують процес і розширюють підтримку нечітких заповнювачів. Вони також покращили доступність, вимагаючи атрибут "alt" (який надає альтернативну інформацію для зображення, якщо користувач не бачить його).

Крім того, розробники тепер можуть використовувати підстановку для визначення доменів під час роботи із зовнішніми зображеннями. Як пояснила Хеллі, це означає, що замість того, щоб надавати всі точні домени та субдомени для отримання зображень, розробники можуть налаштувати шаблон із очікуваним протоколом та іменем хоста. За її словами, ця функція дозволяє віддалено отримувати зображення «більш потужним і гнучким способом».

Крім того, у Next.js 12.3 представлена ​​стабільна версія мініфікатора SWC, яка вперше була розгорнута у версії 12 як експериментальна функція.

"Стабільні версії компонента зображення та компілятора SWC спростять розробникам міграцію своїх програм і оновлення до нової версії Next.js", - сказав Холлі.

«Радикальні зміни» в архітектурі

Випуск також містить оновлення маршрутизатора Next.js і макетів на основі нещодавнього запиту на коментарі до макетів (RFC). Майбутні функції включатимуть:

Групи маршрутизації Миттєві стани завантаження Обробка помилок Моделі Перехоплюють маршрути, паралельні маршрути та умовні маршрути

Крім того, Vercel планує додати підтримку глобального імпорту CSS у каталог програм. Це дозволить розробникам використовувати пакети, які імпортують власні файли .css, не вимагаючи додаткової конфігурації, пояснив Халлі.

Як вона сказала, нова система маршрутизації, охоплена RFC, «кардинально змінить» те, як розробники створюють свої програми Next.js.

простір для зростання

Галлі зазначила, що збільшення...

What's Your Reaction?

like

dislike

love

funny

angry

sad

wow