Статті для тих, хто
виводить стек у прод
Матеріали про React, Node.js, TypeScript і AI. Перекладений текст показується, якщо він є. Якщо ні — ви бачите англійський текст і примітку про це.
Тег: TanStack Query
Що коштує вам використання useEffect для отримання даних та що змінює TanStack Query
Чому отримання даних на основі ефекту призводить до дублювання запитів, шаблонного коду та застарілих функцій у React, і як ключі, параметри staleTime та механізм відкидання даних у TanStack Query вирішують ці проблеми.
6 хв читанняСтан проти меж TanStack Query у реальному часі в монорепозиторії Next.js
Дізнайтеся про чітке правило власності для стану інтерфейсу, серверного стану та подій у реальному часі в колаборативному monorepo Next.js з використанням Zustand, TanStack Query та сокетів.
10 хв читанняReact Auth, завантаження даних та помилки: 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 хв читанняМінімальний варіант використання Hook 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 крок за кроком: спільні параметри запиту, генератори ключів, селектори, сторінкування, попереднє завантаження даних, централізоване скасування та безпечні оптимістичні оновлення.
12 хв читанняАвтоматично створіть безпечного за типами клієнта API для Next.js з NestJS Swagger.
NestJS Swagger як контракт API, Orval для створення гаків React Query: безпечний за типами клієнт Next.js без необхідності ручного копіювання типів, які віддаляються від бекенду.
11 хв читання
Про ці статті
Оцінка за 24 години
Потрібен такий стек в операторському шарі? Надішліть бриф — оцінка за 24 години.