Блог
Заметки о разработке, инструментах и опыте
- 8 мин чтения
Браузер не резиновый: как писать код который не заставляет его страдать
Браузер делает reflow сотни раз в день — и большинство из них ты спровоцировал сам. Разбираем механику: forced synchronous layout, layout thrashing, compositor thread и CSS-свойства которые браузер обрабатывает бесплатно. Без базовых советов — только то, что реально меняет подход.
- JavaScript
- DOM
- Производительность
- Рендеринг
- React
- 8 мин чтения
useModalManager: менеджер модальных окон для VKUI
Как и зачем я сделал useModalManager — хук для императивного управления модальными окнами в VKUI: проблемы старого подхода, архитектура, возможности и идеи для развития.
- React
- VKUI
- Модалки
- Архитектура
- 8 мин чтения
MCP-сервер для UI-библиотеки: зачем, как и где хранить данные
Как и зачем я сделал MCP-сервер для VKUI — пакет, который даёт AI-ассистентам доступ к документации компонентов, хуков, примеров кода и рекомендаций по миграции.
- MCP
- VKUI
- AI
- Архитектура
- 5 мин чтения
Ты неправильно используешь key
Ты думаешь, что вешаешь key на списки. React думает иначе. Разбираемся, как устроена система key под капотом — от event delegation до неожиданного поведения Portal.
- React
- key
- Состояние
- Архитектура
- 4 мин чтения
useSyncExternalStore: зачем нужен, как использовать и чем отличается от useState
Разбираем хук useSyncExternalStore в React 18: подписка на внешние хранилища, отличия от useState и когда его выбирать.
- React
- useSyncExternalStore
- Стор
- Состояние
- 6 мин чтения
Доступность модальных окон
Захват фокуса, клавиатурная навигация и ARIA-атрибуты для доступных модальных окон. Примеры и ссылки на библиотеки.
- Доступность
- Модалки
- React
- 8 мин чтения
Что на самом деле происходит, когда ты пишешь onClick
Ты думаешь, что вешаешь обработчик на кнопку. React думает иначе. Разбираемся, как устроена система событий под капотом — от event delegation до неожиданного поведения Portal.
- React
- События
- Portal
- Архитектура