Почему Next.js выбирают вместо обычного React Фреймворк на основе React, дополненный готовыми инструментами Поддержка SSR (Server-Side Rendering) и SSG (Static Site Generation) для ускорения загрузки и улучшения SEO…
Controlled и uncontrolled компоненты Управление состоянием: в controlled-компонентах React хранит его через props и setState, а в uncontrolled-компонентах состояние остаётся внутри DOM Источник данных:…
В Next.js для добавления скриптов используется компонент <Head> из next/document, который вставляет их в <head> Чтобы запустить скрипты до рендера, используют кастомный _document.js Внутри _document.js можно объявить…
Как в Next.js выполняется получение данных на сервере? Next.js — React-фреймворк, поддерживающий SSR и SSG Ранее для этого применяли getServerSideProps — серверную функцию, вызываемую для каждой страницы Функция…
Как вы работали с формами в React с помощью React Hook Form и Formik? состояние формы можно контролировать через hook или HOC React Hook Form уменьшает число перерендериваний и работает через рефы Formik предлагает…
фронтенд, обработка форм событие формы — submit вызвать метод event.preventDefault() отменяет стандартное действие браузера — перезагрузку страницы использовать внутри обработчика события submit обрабатывать данные…
Frontend, формы и валидация Один общий onChange для всех элементов формы Идентификация поля через атрибут name В обработчике используются event.target.name и event.target.value Состояние изменяется по ключу name с…
UI и управление состоянием описываю структуру формы, набор полей и уровни вложенности связываю элементы с моделью данных и синхронизирую состояние задаю правила через валидаторы, часто используя схемы Yup или Joi…
Next.js — React-фреймворк, в котором предусмотрены Server-Side Rendering (SSR) и API-роуты Для работы с базой данных и API подходят API routes и getServerSideProps API-маршруты выполняются на сервере и позволяют…
Назначение middleware в Next.js middleware в Next.js — серверный код, выполняющийся между запросом и ответом он перехватывает входящие HTTP-запросы до рендеринга страницы с его помощью можно в реальном времени…
Что такое статическая генерация страниц (Static Site Generation, SSG) и в каких случаях она полезна? рендеринг веб-страниц до запуска приложения (build-time) создаёт полностью подготовленные HTML-страницы ускоряет…