Публикации по теме 'react-query'
Почему я использую React Query для OXINION и как?
Честно говоря, я сначала подумал, что использование React Query для моего проекта — это слишком сложно. Но я все больше и больше посещаю свой сайт, это не то, что я хотел испытать. Я хотел получить весь контент, такой как Yelp.
Мой сервер явно давал мне знак, почему я должен был использовать
Согласно МДН
Код ответа перенаправления клиента HTTP 304 Not Modified указывает на то, что нет необходимости повторно передавать запрошенные ресурсы. Это неявное перенаправление на..
Я могу убедить вас начать использовать React-Query для получения данных?
I. Введение в TanStack Query
TanStack Query (или как его раньше называли React Query) часто называют отсутствующей библиотекой выборки данных для React из-за ее способности упростить выборку, кэширование, синхронизацию и обновление состояния сервера в приложениях React. На базовом уровне React Query помогает управлять состоянием приложений React на стороне сервера — фактором, с которым обычно сложно справиться из коробки.
В то время как обычные библиотеки управления состоянием, как..
Как автоматически обрабатывать ошибку 401: неавторизованный запрос с помощью React Query?
Узнайте, как создать многоразовый пользовательский хук React для обнаружения просроченных сеансов пользователей (токенов доступа) и соответствующим образом обновить их, а также исправить ошибку « недействительный сеанс: срок действия токена доступа истек », как профессионал.
Что такое токен доступа?
Современные приложения с полным стеком обычно используют токены доступа JWT для поддержания сеансов без сохранения состояния между сервером и клиентом (пользователем).
Сеансы без..
«Оптимизация управления данными в React с помощью React Query: подробное руководство и пример проекта»
React Query — это мощная библиотека управления данными, которая упрощает выборку, кэширование и обновление данных в приложениях React. Благодаря простому декларативному API и поддержке сложных сценариев данных, таких как разбиение на страницы и оптимистичные обновления, React Query — отличный выбор для любого разработчика React, который хочет оптимизировать свой код управления данными.
Одним из ключевых преимуществ React Query является его способность кэшировать данные и автоматически..
Библиотека получения данных React Query для начинающих.
React query - это новый инструмент, предназначенный для обработки выборки данных с сервера в приложении для реагирования. Библиотека React Query помогает пользователю синхронизировать, кэшировать и обновлять состояние сервера без каких-либо проблем. В традиционном приложении реагирования пользователь должен создать свою собственную логику для получения данных с сервера и для кеширования данных (возможно, это самая сложная вещь в программировании).
Хватит разговоров, давай поработаем..
Переход к React Query
В этом посте мы рассмотрим, как React Query помог нам упростить управление данными, полученными через API, в наших приложениях React. В конце концов, он заменил Redux Thunk и наше доморощенное решение, основанное на хуках React.
Что было нашей мотивацией?
С момента появления React в мире веб-разработки две темы были приоритетными при запуске новых проектов:
Глобальное управление состоянием Получение данных
В Personio мы разрабатываем большое распределенное приложение..
Вопросы по теме 'react-query'
React-query: показывать счетчик загрузки при выборке данных
Использование реактивного запроса в новом проекте и небольшая проблема. Требуется показать счетчик загрузки на пустой странице до загрузки данных, а затем после того, как пользователь получит новые результаты с другим запросом, чтобы отобразить...
5141 просмотров
schedule
16.09.2021
React-query - В чем разница между хуком useQuery и useMutation?
Пытаюсь найти ответ по поводу response-запроса.
В чем разница между useQuery и useMutation?
Насколько я понимаю, useQuery - это зависимые вызовы.
useMutation предназначены для сообщений, которые требуют обновления текущего состояния...
571 просмотров
schedule
12.09.2021
Почему после операции размонтирования / монтирования выполняется повторная выборка моего запроса на реакцию?
Настраивать
У меня есть следующий react-query хук:
const STALE_TIME_MS = 12 * 60 * 60 * 1000; // 12h
const useUser = () => {
const services = useServices();
const { isLoading, error, data } = useQuery(
'user',
() =>...
1658 просмотров
schedule
21.02.2022
Как удалить данные при выходе из системы при использовании firebase и реагировать на запросы?
Когда мой пользователь выходит из системы, я хочу удалить все пользовательские данные из приложения, но у меня возникают проблемы с реализацией этого.
У меня есть собственный хук useUserData (), который получает данные пользователя. getUser () -...
151 просмотров
schedule
05.03.2022
React-Query: запускает повторную визуализацию в компоненте, когда запрос повторно выбирается из-за мутации, вызывающей invalidateQueries в подкомпоненте
Я использую response-query в компоненте сообщений, который отображает компонент PostForm, за которым следует список компонентов PostView.
--Посты--
const [ isLoading, data ] = useQuery("get_posts", {...}, )
const [ userPosts,...
257 просмотров
schedule
24.03.2022
React Query useMutation задает mutationKey динамически
В моем проекте React с использованием React Query у меня есть функциональный компонент MoveKeywordModal , такой что:
при первой загрузке он выбирает из конечной точки API api/keyword_lists , чтобы получить кучу keywordLists данных. Для...
627 просмотров
schedule
01.06.2022
React Hooks и React Query (useQuery): вызов вызова / запроса API только при нажатии кнопки
Я работаю над проектом React JS. Я использую React Hooks (функциональные компоненты) и React query .
Обычно я запускаю / выполняю запрос, как показано в функциональном компоненте.
const ItemList = (props) => {
let getItemsQuery =...
4001 просмотров
schedule
15.06.2022
Как получить n зависимых данных с помощью React-query
Мне нужна помощь с библиотекой response-query . Я получаю список объектов, а затем для всех, кто мне нужен, получаю дополнительные данные из другой службы. Как мне сделать это с помощью хука response-query useQuery ?
Пример 1 :
const {...
8555 просмотров
schedule
26.06.2022
React-query как использовать useInfiniteQuery?
Я привязываю к передаче запроса getAnalysisListByPatientIdApi, поэтому я попытался поместить запрос в первый параметр массива useInfiniteQuery, например useQuery
const { data: analyses } = useInfiniteQuery(
['getAnalysesByPatientIdApi', {...
1064 просмотров
schedule
16.05.2023
Используйте response-query (useQuery) с ошибкой получения Storybook
Я использую сборник рассказов для изолированной разработки своих компонентов реакции. У меня возникла проблема с использованием запроса-ответа (useQuery) в сборнике рассказов. Реализуя компонент в приложении, я не получаю ошибок и все работает как...
442 просмотров
schedule
26.05.2023
React - как добавить локальные данные к данным из REST api?
Моя страница response js извлекает данные из службы REST и использует react-query для их извлечения и хранения. Данные представляют собой список объектов.
Я хочу ДОБАВИТЬ одну или две собственные дополнительные переменные к каждому объекту в этом...
59 просмотров
schedule
29.12.2022
Интегрируйте тестирование для response-query с тестовой библиотекой
Цель
Я создаю приложение NextJS, которое использует ответный запрос для извлечения данных.
Сейчас я пытаюсь реализовать фреймворк для тестирования. Однако когда я запускаю yarn test , я получаю сообщение об ошибке ниже. Из документации по...
2410 просмотров
schedule
28.10.2022
React-Query - модульный тест с библиотекой react-testing-library
У меня есть компонент Dashboard , который содержит дочерний компонент, например. Child , который использует ответный запрос.
У меня есть существующий модульный тест для компонента Dashboard , который начал давать сбой, ошибка:
TypeError:...
2236 просмотров
schedule
13.09.2023
Реагировать на текст мутации запроса
Я просто играю с реактивным запросом
с машинописным текстом
Я имею в виду, что делаю свои первые попытки
Это правильный путь?
const useCreateTodo = () => {
const queryClient = useQueryClient();
return useMutation(
(todo: TodoDto)...
2763 просмотров
schedule
29.09.2023
Кеш обновления React-Query после выполнения мутации
Я немного заблудился с react-query . По сути, у меня есть useQuery для извлечения пользователя из моей базы данных. Их данные добавляются в форму, и они могут обновляться и отправлять.
У меня проблема в том, что обновление выполняется в другой...
243 просмотров
schedule
09.01.2023
React-query, селекторы и архитектура
Я удаляю очень переплетенное глобальное состояние из нового приложения (redux / sagas / selectors) в - ›context api и response-query. В это глобальное состояние интегрировано множество селекторов, которые сейчас необходимо отредактировать. Я...
43 просмотров
schedule
16.02.2023
Как правильно отправить `response-hook-form` с мутацией` response-query`?
Я использую react-query в сочетании с react-hook-form . Чтобы активировать опору isSubmitting в форме и показать состояние загрузки при отправке, функция mutate должна возвращать Promise вместо прямого использования mutate .
На данный момент...
281 просмотров
schedule
21.11.2023
Введите Inferance с помощью Fetch с Typescript
Я написал оболочку Fetch для получения моего API с помощью Typescript. Я бы хотел, чтобы при получении данных из моего API переходил от любого типа к моему, например: типу пользователя.
Я вставляю вам ссылку на свой кодcodeandebox:...
90 просмотров
schedule
18.04.2024
