React Query - Основы (v2)

Официальное и эксклюзивное руководство по освоению состояния сервера в ваших приложениях от первоначального создателя и сопровождающего библиотеки.

Получение данных в React - отстой.

Скорее всего, вы пробовали бесчисленные библиотеки «глобального состояния», хуки useFancyPromise и, возможно, даже пытались написать свои собственные решения только для того, чтобы вернуться в то же самое место: писать ТОННЫ кода для обработки, казалось бы, бесконечных сценариев выборки данных. Но почему?

Состояние сервера и состояние клиента принципиально различаются.

Состояние сервера:

• Сохраняется удаленно в неподконтрольном вам месте
• Требуются асинхронные API для получения и обновления
• Подразумевает совместное владение и может быть изменено другими без вашего ведома.
• В конечном итоге станет «устаревшим» в течение жизненного цикла вашего приложения.

Итак, пора нам перестать пытаться принудительно использовать состояние сервера в наших инструментах состояния клиента и вместо этого использовать всю мощь его уникальных задач в наших интересах:

• Кэширование ... (возможно, самое сложное в программировании, но меняет правила игры)
• Дедупликация нескольких запросов на одни и те же данные в один запрос
• Обновление устаревших данных в фоновом режиме
• Контроль, когда данные "устарели"
• Оптимизация производительности, такая как разбивка на страницы и отложенная загрузка данных
• Управление памятью и сборка мусора состояния сервера
• Оптимистичные обновления и откаты для «мгновенного» пользовательского интерфейса и взаимодействия с пользователем.

React Query превращает эти проблемы в мощные функции.

Это лучший инструмент для решения всех этих проблем «из коробки», с нулевой конфигурацией и позволяющий выполнять тонкую настройку по мере роста вашего приложения.

Что я узнаю?

В этом курсе вы узнаете, как использовать React Query в качестве предпочтительного оружия для победы и преодоления проблем и препятствий, связанных с состоянием сервера. Вы научитесь контролировать свои асинхронные данные в своих приложениях, прежде чем они начнут управлять вами.

• Лучшее понимание состояния сервера и его уникальных проблем, закономерностей и способов их решения.
• Будьте мастером кэширования и располагайте инструментами и знаниями для его настройки, а не выполняйте его вручную.
• Знайте все ядро React Query API и как прагматично использовать все его уникальные функции в своих приложениях
• React Query и изученные вами концепции помогут вам:
  • Удалить из приложения множество строк сложного и неправильно понятого кода выборки данных и заменить его всего несколькими строками логики React Query.
  • Сделать ваше приложение более удобным в обслуживании и упростить создание новых функций, не беспокоясь о подключении новых источников данных о состоянии сервера.
  • Окажут прямое влияние на ваших конечных пользователей, сделав ваше приложение более быстрым и отзывчивым, чем когда-либо прежде.