Диалог в интерфейсе: фокус, Escape и доступное закрытие
Открыть окно недостаточно: пользователь должен понять контекст, пройти действия клавиатурой и вернуться обратно. Проверяем нативный dialog на небольшом примере.
4 мин чтения
Инженерная практика
JavaScript, React, TypeScript и Node.js: код, граничные случаи, доступность, API и производительность. Практика и проверки решений.
Материалов: 8 из 8
Адаптивный CSS Grid: почему 1fr не спасает от переполнения
Разбираем горизонтальный скролл в Grid, минимальную ширину колонки и длинный контент. Собираем адаптивную сетку и проверяем её в браузере.
4 мин чтения
Core Web Vitals для React-сайта: измерить, объяснить, улучшить
Как найти причину медленной загрузки, задержки клика и скачков страницы. Разделяем Lighthouse и полевые данные, составляем план измерений и проверок.
4 мин чтения
Ошибки Node.js API: контракт ответа вместо случайного catch
Разделяем ошибки входных данных, отсутствие ресурса и внутренние сбои. Пишем простой контракт API, не раскрываем stack trace и проверяем границы.
4 мин чтения
Доступная форма в React: подписи, ошибки и клавиатура
Форма работает, когда её можно понять и отправить. Собираем связь label, aria-invalid и ошибки, проверяем фокус, клавиатуру и разные состояния отправки.
4 мин чтения
Event loop в JavaScript: Promise, микрозадачи и таймеры
Предскажите порядок вывода и проверьте его. Объясняем Promise, queueMicrotask и setTimeout, а затем связываем очередь задач с отзывчивостью интерфейса.
3 мин чтения
TypeScript на границе API: unknown и проверка ответа
Тип не проверяет JSON во время выполнения. Строим маленький парсер unknown, разбираем неверные ответы и отделяем контракт API от состояния интерфейса.
4 мин чтения
Запросы в React: useEffect, отмена и устаревшие ответы
Почему быстрый поиск показывает старые данные. Разбираем useEffect, AbortController, состояния запроса и проверку race condition на маленьком примере.
4 мин чтения