Независимо от того, какой тип приложения вы создаете, вам нужно будет получить данные, отобразить их пользователю и разрешить пользователю взаимодействовать с этими данными и обновлять их. Эта фаза взаимодействия и обновления часто является асинхронной по своей природе, что дает вам, разработчику, возможность предоставить целый ряд различных впечатлений в зависимости от сценария.
В некоторых случаях вы можете использовать то, что известно как Optimistic UI, для улучшенного более быстрого взаимодействия с пользователем по сравнению с традиционным опытом загрузки / ожидания. Они не подходят для каждого варианта использования, но выборочное использование оптимистичных обновлений пользовательского интерфейса во всей вашей заявке может существенно повлиять на качество работы пользователя при относительно небольших затратах и сложности!
В этом курсе мы пройдем через оптимистичные обновления пользовательского интерфейса в реальном приложении, например, по вкусу и невзирая на чириканье. Мы будем использовать встроенное состояние React и использовать извлечение функций setState updater, чтобы помочь управлять и лучше определять наши установки setState.
Посмотреть больше
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Optimistic UI Updates in React,
а также все другие курсы, прямо сейчас!
Optimistically Update UI for a Snappier User Experience
Урок 4.00:03:40
Optimistically Update Multiple Values in State Using React's setState
Урок 5.00:01:31
Refactor Inlined React setState Function to a setState Updater Factory
Урок 6.00:01:03
Revert State On Request Failure using React setState and Closures
Урок 7.00:02:36
Prevent Doubly Updating and Reverting State in React
Урок 8.00:01:03
Update state asynchronously in React using Promise and setState()
Урок 9.00:02:26
Add a loading indicator to UI for request in progress using setState()
Урок 10.00:01:50
Handle a rejected promise and display error to user using setState()
Урок 11.00:03:48
Optimistic UI update in React using setState()
Урок 12.00:02:57
Restore Target Items in React State for Improved Optimistic UI Updates
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.