Найти в Дзене

Фризы в next.js 15-й версии или почему stackoveflow не умрет

Всем привет, меня зовут Панфилов Александр. Я фронтенд разработчик и тим лид, с 9-м опытом работы в области IT. В этой заметке хочу поделиться с вами неочевидной проблемой, с которой столкнулся при переносе моего сайта на новый uikit. Я продолжаю перенос моего сайта, сегодня я думал доработать статику на нем и далее строить планы по верстке админки. Но не тут-то было, я споткнулся на ровном месте — на верстке обычной формы. Когда на сайт была добавлена первое поле ввода и я начал его проверять — на сайте появились фризы. Я не мог понять в чем проблема. На тот момент у меня использовались следующие библиотеки в работе формы: По старинке я начал отменять каждую библиотеку по очереди. Когда я исключил react hook form и mui, то есть просто написал обычный инпут — фризы все-равно остались. Стало понятно — проблема в библиотеке next.js. В поисках решения я находил множество решений, в том числе и в сетках искусственного интелекта. По итогу решение нашел на старом добром сайте stack oveflow —

Всем привет, меня зовут Панфилов Александр. Я фронтенд разработчик и тим лид, с 9-м опытом работы в области IT. В этой заметке хочу поделиться с вами неочевидной проблемой, с которой столкнулся при переносе моего сайта на новый uikit.

Я продолжаю перенос моего сайта, сегодня я думал доработать статику на нем и далее строить планы по верстке админки. Но не тут-то было, я споткнулся на ровном месте — на верстке обычной формы. Когда на сайт была добавлена первое поле ввода и я начал его проверять — на сайте появились фризы.

Я не мог понять в чем проблема. На тот момент у меня использовались следующие библиотеки в работе формы:

  • react hook form — библиотека для работы с формой
  • mui — библиотека uikit
  • react hook form mui — пакет, который содержал в себе готовые решения совместной работы react hook form и mui.

По старинке я начал отменять каждую библиотеку по очереди. Когда я исключил react hook form и mui, то есть просто написал обычный инпут — фризы все-равно остались. Стало понятно — проблема в библиотеке next.js. В поисках решения я находил множество решений, в том числе и в сетках искусственного интелекта. По итогу решение нашел на старом добром сайте stack oveflow — нужно было просто удалить тег html из файла темы layout.

Ошибка в коде, которая приводила к фризам
Ошибка в коде, которая приводила к фризам
Исправление в коде, которые устранили ошибку
Исправление в коде, которые устранили ошибку

Это решение натолкнуло меня следующую мысль: stackoveflow и тому подобные сайты не пропадут — они трансформируются базу знаний для искусственного интеллекта или базу готовых промптов для запроса в разнообразных агентов искусственного интелекта.

Если посмотреть на текущий прогресс искусственного интеллекта — он облегчит рутину в виде code review, написание стартового шаблона для сайтов или компонентов, решение рутинных ошибок. На сопровождение или развитие проекта искусственный интеллект на данном этапе развития не способен.

Благодарю за внимание и до скорых встреч.