🤔 SSR и гидратация

Приложение на Next.js отрендерено на сервере. На клиенте после загрузки React «гидратирует» DOM. Вы замечаете ошибку:

“Warning: Text content did not match. Server: ‘100’ Client: ‘101’”.

Что это означает ❓

🐸 Библиотека фронтендера

#междусобойчик

😎 Топ-вакансий для фронтендеров за неделю

Flutter Developer — до 220 000 ₽, удаленно

JavaScript-разработчик/middle — офис (Санкт-Петербург)

Frontend Developer (проект Blockchain) — от 6 000 до 8 000$, удаленно

Разработчик интерфейсов — от 300 000 ₽ до 490 000 ₽, офис/гибрид (Москва)

React-разработчик (frontend) с опытом работы в области ML — от 2000 до 3000 $, удаленно (США)

➡️ Еще больше топовых вакансий — в нашем канале Javascript jobs

🐸 Библиотека фронтендера

#свежак

📌 Инструмент недели: VisBug

Расширение для браузера от Google Chrome Labs, которое превращает любую страницу в живой макет — без DevTools и Figma.

Что умеет:

➡️ Изменять стили элементов прямо на сайте (цвета, размеры, шрифты)

➡️ Перетаскивать блоки, двигать отступы, менять z-index

➡️ Делать инспекцию типографики, линий сетки и расстояний

➡️ Сохранять быстрые заметки и подсветку на странице

➡️ Работает с любой страницей, даже без доступа к коду

Как начать:

1. Установка VisBug в Chrome Web Store

2. Кликаете иконку — и страница превращается в «песочницу».

💡 Отличный инструмент для дизайнеров и фронтендеров: можно быстро проверить гипотезы по UI и сразу показать правки команде.

🐸 Библиотека фронтендера

#буст