Вопросы React Frontend Developer

Hydration mismatch — это ошибка, возникающая, когда HTML, сгенерированный на сервере (SSR), не совпадает с тем, что React пытается отрисовать на клиенте при первой загрузке. React ожидает, что DOM будет идентичным, чтобы "гидратировать" его, добавляя обработчики событий. Основные причины: разное время или данные на сервере и клиенте, использование браузерных API (например, `window`) на сервере. Чтобы избежать, нужно синхронизировать данные, использовать `useEffect` для клиент-специфичного кода и библиотеки типа `next/dynamic` для ленивой загрузки компонентов.

ETag (Entity Tag) — это HTTP-заголовок, который содержит уникальный идентификатор версии ресурса. If-Match — условный заголовок, который отправляет серверу ETag для проверки, изменился ли ресурс. Они используются для кеширования (чтобы не загружать данные повторно) и для предотвращения конфликтов при одновременном редактировании (например, в REST API).