Статьи для тех, кто
выводит стек в прод
Материалы о React, Node.js, TypeScript и AI. Переведённый текст показывается, если он есть. Если нет — вы видите английский текст и пометку об этом.
Тег: UX
Плавная навигация в стиле приложений благодаря API View Transitions в Next.js
Переходы между страницами в стиле приложений в Next.js с использованием API View Transitions: анимация общих элементов при переходе между маршрутами без необходимости в тяжелой библиотеке анимаций, плюс примечания по использованию.
4 мин чтенияКнопка обратной связи с анимированным жестом «палец вверх» без использования каких-либо библиотек анимаций
Создайте всплывающий анимированный элемент обратной связи с символами «лайк» и «дизлайк», включающий состояния активности и запрос к серверу, используя только HTML, CSS и несколько строк JavaScript.
7 мин чтенияПроектирование экранов в React для состояний загрузки, пустоты, ошибки и повторной попытки
Научитесь моделировать все возможные состояния экрана и формы в React — от структурных основ и повторной загрузки данных до пустых результатов, полезных сообщений об ошибках и защиты от двойной отправки данных.
6 мин чтенияОптимистичный интерфейс без несинхронизации: снимки состояния, откаты и прерванные запросы
Научитесь создавать оптимистичные обновления, которые остаются корректными: сохраняйте состояние в моменте, обновляйте данные мгновенно, откатывайтесь при сбоях, отменяйте устаревшие запросы и знайте, когда не следует использовать эту схему.
10 мин чтенияУстранение ситуаций конкуренции: демпфирование не может решить проблему в интерфейсах поиска
Узнайте, почему одного лишь снижения количества импульсов недостаточно для предотвращения того, чтобы устаревшие ответы API перезаписывали свежее состояние интерфейса, и ознакомьтесь с четырьмя практическими решениями для обеспечения порядка выполнения запросов.
10 мин чтения
О этих статьях
Оценка за 24 часа
Нужен такой же стек в операторском слое? Пришлите бриф — оценка за 24 часа.