Статьи для тех, кто
выводит стек в прод
Оригинальные материалы о React, Node.js, TypeScript и AI — из той же практики, что и наше операторское ПО. Текст статей на английском.
Тег: TanStack Query
Чем стоит вам использование useEffect для загрузки данных и что меняет TanStack Query
Почему загрузка данных на основе эффектов приводит к дублирующимся запросам, шаблонному коду и устаревшим замыканиям в React, и как ключи, параметр staleTime и механизм аннулирования в TanStack Query решают эти проблемы.
6 мин чтенияСостояние против границ TanStack Query в реальном времени в монорепозитории Next.js
Изучите четкое правило принадлежности для состояния интерфейса, серверного состояния и событий в реальном времени в коллаборативном монорепозитории Next.js с использованием Zustand, TanStack Query и сокетов.
10 мин чтенияАутентификация в React, загрузка данных и обработка ошибок: Axios, React Router, Redux, TanStack Query
Десять ошибок в React, связанных с аутентификацией, загрузкой данных и обработкой ошибок, которые были устранены с помощью интерцепторов Axios, загрузчиков React Router, промежуточных компонентов Redux, TanStack Query и границ обработки ошибок.
15 мин чтенияСостояние URL, состояние сервера и BFF: стек Vite для внутренних React-приложений
Почему аутентифицированная внутренняя React-платформа может получить лучшую поддержку от Vite, TanStack Router, TanStack Query и отдельного BFF, чем от Next.js, и когда это уже не справедливо.
10 мин чтенияСоздание модуля React на основе функций: операции CRUD над постами с использованием TanStack Query
Организуйте приложение на React по функциям, а не по типам файлов, затем реализуйте полную функциональность CRUD для записей с использованием TanStack Query и axios, и вы увидите, в какой момент такая структура перестаёт быть масштабируемой.
10 мин чтенияМинимальный вариант использования хука useFetch: когда можно обойтись без React Query и его ограничения
Создайте небольшой хук useFetch с кэшированием, использующий AbortController и параметр TTL для истечения срока действия, а также вспомогательный хук useMutation; вы узнаете, какие именно функции React Query придется отказаться использовать.
9 мин чтенияВыбор стека фронтенда для стартапа, оптимизированного для скорости развертывания
Руководство по принятию решения при выборе фронтенд-стека MVP: Next.js или Vite, Tailwind с shadcn/ui, TanStack Query вместе с Zustand, Supabase или tRPC, а также что следует избегать.
6 мин чтенияСтруктурирование слоя данных TanStack Query: от queryOptions до возможностей отката
Построим слой данных TanStack Query пошагово: общие параметры запроса queryOptions, генераторы ключей, селекторы, пагинация, предзагрузка данных, централизованное аннулирование и безопасные оптимистичные обновления.
12 мин чтенияАвтоматическое создание типобезопасного клиента API Next.js на основе Swagger в NestJS
NestJS Swagger в качестве контракта API, Orval для генерации хуков React Query: типобезопасный клиент Next.js без необходимости вручную копировать типы, которые могли бы отличаться от тех, что используются на бэкенде.
11 мин чтения
О этих статьях
Оценка за 24 часа
Нужен такой же стек в операторском слое? Пришлите бриф — оценка за 24 часа.