Это ЭКСПЕРИМЕНТАЛЬНАЯ Версия. Одна из самых больших проблем при написании программного обеспечения для Интернета - это асинхронность, но мы должны иметь дело с ней постоянно. Это приводит к куче стандартного кода для обработки состояний загрузки и ошибок только для того, чтобы получить данные, которые нам нужны, чтобы показать пользователю - поступают ли данные из удаленной конечной точки или из API-интерфейсов браузера, таких как геолокация и Bluetooth.
Конечный результат - бесчисленные счетчики и страшный FOLC (flash of loading content). React Suspense является ответом на эти проблемы.
React Suspense - это примитив, встроенный в React, который значительно упрощает управление асинхронным состоянием в наших приложениях и помогает вам избежать FOLC из коробки.
Это немного другой подход к решению этих проблем, и понимание того, как оно работает, является ключом к использованию того, что он может предложить.
На этом семинаре вы узнаете, как Suspense работает изнутри, готовя вас к будущему управлению асинхронным состоянием.
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Use Suspense to Simplify Your Async UI,
а также все другие курсы, прямо сейчас!
Use React Suspense to Simplify Your Async UI - Paid Workshop 2019-11-18 Part 1
Урок 2.00:59:05
Use React Suspense to Simplify Your Async UI - Paid Workshop 2019-11-18 Part 2
Урок 3.01:45:04
Use React Suspense to Simplify Your Async UI - Paid Workshop 2019-11-18 Part 3
Урок 4.00:06:38
Course Intro
Урок 5.00:02:49
Enable React Concurrent Mode
Урок 6.00:03:43
Fetch Data with React Suspense
Урок 7.00:02:13
Handle React Suspense Errors with an Error Boundary
Урок 8.00:04:58
Write a generic React Suspense Resource factory
Урок 9.00:05:03
Refactor data fetching with useEffect to Suspense Resources
Урок 10.00:03:06
Where to Position React Suspense and Error Boundaries
Урок 11.00:06:23
Improve Suspense loading states with useTransition
Урок 12.00:03:39
Use CSS Transitions to Avoid a Flash of Loading State
Урок 13.00:03:08
Modify Suspense Config to Avoid a Flash of Loading State
Урок 14.00:04:11
Cache React Suspense Resources
Урок 15.00:05:06
Preload Images to Improve Loading Performance
Урок 16.00:05:09
Create a Custom Suspending Image Component
Урок 17.00:05:37
Implement the Fetch as you Render Approach for Improved Performance
Урок 18.00:03:21
Create a Custom Hook that Creates Resources
Урок 19.00:06:15
Use SuspenseList for Coordinating Suspending Components
Урок 20.00:05:07
Fetch Modules Eagerly for SuspenseList
Урок 21.00:01:12
Wrapping Up with Experimental React Suspense
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.