NEXT.JS 13 меняет правила игры.

До начала. Если вы хотите стать частью культурного сообщества CODE. Просто заполните форму, чтобы присоединиться к бесплатным сеансам культуры кода и получить ответы на свои вопросы о программировании и карьере. Я в форме, нажмите на меня

Vercel недавно анонсировала Next.js 13, добавочное и критическое обновление их самой популярной платформы React. Фреймворк, кажется, был полностью переработан для поддержки нескольких функций.

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

Новая система маршрутизации и макета

Vercel улучшает свою систему маршрутизации на основе файлов в Next.js 13. Он представляет новый необязательный каталог /app. Идея состоит в том, чтобы заменить каталог /pages на /app как единый источник всех страниц, макетов, контекста, стилей и т. д. Вы по-прежнему можете использовать каталог /app. Каталог >/pages и каталог /app могут сосуществовать.

Новая система маршрутизации теперь обнаруживает страницу, если в каталоге внутри этого приложения /app есть файл page.js.

Помимо этого, в Next.js 13 используется множество зарезервированных имен, таких как layout.js, loading.js, error.js и т. д. layout.js — это новый файл, содержащий пользовательский интерфейс компонента, который могут быть унаследованы дочерними маршрутами.

Аналогично пользовательский интерфейс loading.js отображается, когда загружается контент, а пользовательский интерфейс error.js отображается, когда контент вызывает ошибку.

При переходе на другую страницу макеты сохраняют свое состояние, остаются интерактивными и не перерисовываются.

Вот это действительно круто. Next.js 13 дает детальный контроль над пользовательским интерфейсом, вложенным в маршруты, и позволяет управлять им отдельно, что было очень сложно раньше с введением системы компоновки.

Компоненты сервера

Каталог /app представляет поддержку новой архитектуры серверных компонентов React.

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

Благодаря серверным компонентам Next.js позволяет создавать сложные интерфейсы, уменьшая при этом объем кода JavaScript, отправляемого клиенту, что обеспечивает более быструю начальную страницу.

Если у вас есть какие-либо вопросы, просто напишите мне в Instagram или по адресу [email protected].