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