Домен
Frontend Development
Профиль навыка
React Query/TanStack Query, SWR, Apollo Client: кэш, invalidation
Ролей
10
где встречается этот навык
Грейдов
5
сформированная дорожка роста
Обязательных требований
37
ещё 13 — необязательные
Frontend Development
State management
17.03.2026
Выберите текущий грейд и сравните ожидания. Карточки ниже покажут, что нужно закрыть для следующего уровня.
Таблица показывает, как меняется глубина владения навыком от Junior до Principal.
| Роль | Обязательность | Описание |
|---|---|---|
| Android Developer | Выполняет простые HTTP-запросы в Android через Retrofit: GET-запросы к REST API, десериализация JSON через Gson/Moshi в data-классы Kotlin. Понимает базовые концепции — URL, HTTP-методы, коды ответов. Использует готовые Repository-классы для загрузки данных, отображает результаты в UI через LiveData или StateFlow под руководством наставника. | |
| Backend Developer (Python) | Реализует data fetching в Python: requests/httpx для HTTP calls, aiohttp для async. Обрабатывает pagination и errors. | |
| Flutter Developer | Использует Data Fetching на базовом уровне в Flutter 3. Создаёт простые компоненты по дизайну. Понимает базовые концепции и следует component guidelines. | |
| Frontend Developer (Angular) | Обязателен | Использует HttpClient для GET/POST запросов в Angular-сервисах. Применяет типизацию ответов через generics, обрабатывает ошибки через catchError, отображает состояния загрузки в шаблонах. |
| Frontend Developer (React) | Обязателен | Загружает данные в React-компонентах через TanStack Query: базовые useQuery для GET-запросов, обработка loading и error состояний. Понимает кеширование и staleTime, использует fetch или axios для HTTP-запросов, отображает скелетоны во время загрузки. |
| Frontend Developer (Svelte) | Обязателен | Использует SvelteKit load-функции для получения данных на сервере и клиенте, обрабатывает состояния загрузки через {#await}. Понимает разницу между +page.server.js и +page.js load-функциях, передаёт данные в компоненты через $page.data и export let data. |
| Frontend Developer (Vue) | Обязателен | Использует useFetch и useAsyncData в Nuxt 3 для загрузки данных. Понимает разницу между серверной и клиентской загрузкой, обрабатывает loading и error состояния в Vue-компонентах через реактивные ref. |
| Fullstack Developer | Обязателен | Реализует базовые паттерны загрузки данных в fullstack-приложениях: fetch/axios для REST API, обработка loading/error состояний, отображение данных в компонентах. Понимает жизненный цикл запроса от клиента через сервер к БД и обратно. |
| iOS Developer | Выполняет базовые сетевые запросы в iOS-приложениях с использованием URLSession dataTask. Парсит JSON-ответы через Codable протокол, обрабатывает простые ошибки сети. Отображает загруженные данные в UITableView или SwiftUI List, понимает жизненный цикл запроса и основы HTTP-протокола | |
| React Native Developer | Выполняет GET/POST запросы с fetch/axios в React Native. Отображает loading-индикаторы и ошибки сети. Использует useEffect для загрузки данных на экране. Понимает базовую работу с TanStack Query — useQuery для автоматического кеширования и рефетчинга данных из REST API. |
| Роль | Обязательность | Описание |
|---|---|---|
| Android Developer | Реализует загрузку данных с Retrofit и OkHttp, управляет пагинацией и стратегиями кэширования. Управляет сетевым состоянием через Flow/LiveData. Пишет unit-тесты для слоя репозиториев. | |
| Backend Developer (Python) | Проектирует data fetching: async HTTP clients, connection pooling, retry strategies. Реализует rate limiting и caching. | |
| Flutter Developer | Самостоятельно реализует сложные UI-компоненты с Data Fetching. Оптимизирует производительность рендеринга. Пишет тесты с flutter_test/integration_test. Применяет BLoC/Riverpod для state management. | |
| Frontend Developer (Angular) | Обязателен | Реализует продвинутые паттерны получения данных: кеширование через shareReplay, отмена запросов через switchMap, пагинация и бесконечный скролл, параллельные запросы через forkJoin, retry-стратегии. |
| Frontend Developer (React) | Обязателен | Реализует продвинутые паттерны data fetching в React: мутации с оптимистичными обновлениями в TanStack Query, infinite scroll через useInfiniteQuery, параллельные и зависимые запросы. Настраивает глобальный error handling и retry-стратегии. |
| Frontend Developer (Svelte) | Обязателен | Реализует продвинутые паттерны загрузки данных в SvelteKit: параллельные load-функции, invalidateAll для обновления, streaming с promises. Создаёт типобезопасные API-обёртки, настраивает кэширование ответов через Cache-Control headers в server routes. |
| Frontend Developer (Vue) | Обязателен | Реализует эффективную загрузку данных — кэширование через useFetch с ключами, параллельные запросы, дедупликация. Настраивает interceptors через ofetch, реализует optimistic updates в Pinia-сторах с rollback при ошибках. |
| Fullstack Developer | Обязателен | Реализует паттерны загрузки данных с React Query/SWR на фронтенде и REST/GraphQL API на бэкенде. Оптимизирует кэширование, дедупликацию и состояния загрузки по всему стеку. |
| iOS Developer | Реализует загрузку данных с URLSession и async/await. Управляет кэшированием через NSCache и HTTP-политики кэширования. Обрабатывает фоновые загрузки и оптимизирует сетевую производительность для мобильных. | |
| React Native Developer | Настраивает TanStack Query для мобильного приложения — staleTime, gcTime, retry, refetchOnReconnect. Реализует пагинацию с useInfiniteQuery для бесконечных списков. Применяет useMutation с optimistic updates. Обрабатывает офлайн-сценарии с persistQueryClient и MMKV. |
| Роль | Обязательность | Описание |
|---|---|---|
| Android Developer | Обязателен | Проектирует data-fetching слой Android-приложения: настройка OkHttp-интерсепторов для авторизации и логирования, стратегии кеширования ответов, обработка пагинации через Paging 3. Реализует offline-first подход с Room как single source of truth, настраивает retry-политики и exponential backoff, оптимизирует сетевые запросы через батчинг и дедупликацию. |
| Backend Developer (Python) | Проектирует data fetching architecture: parallel data loading, streaming responses, circuit breaker patterns. | |
| Flutter Developer | Обязателен | Проектирует архитектуру frontend с Data Fetching. Оптимизирует bundle size и Core Web Vitals. Создаёт design systems и переиспользуемые компоненты. Менторит команду. |
| Frontend Developer (Angular) | Обязателен | Проектирует архитектуру data layer в Angular: абстрактные data-сервисы, HttpInterceptors для аутентификации и кеширования, optimistic updates через NgRx, стратегия offline-данных с background sync. |
| Frontend Developer (React) | Обязателен | Проектирует data fetching архитектуру React-приложений: стратегию серверного и клиентского fetching в Next.js App Router, кеширование и ревалидацию, streaming с Suspense. Реализует слой абстракции для API-клиента с типобезопасностью через zod и TypeScript. |
| Frontend Developer (Svelte) | Обязателен | Проектирует архитектуру загрузки данных для SvelteKit-приложений: кэширование на уровне load-функций, оптимистичные обновления через form actions, real-time подписки. Реализует GraphQL-интеграцию или tRPC для type-safe API, создаёт middleware для дедупликации запросов. |
| Frontend Developer (Vue) | Обязателен | Проектирует data fetching layer для Vue-приложения — абстракция над API, typed endpoints, автоматическая инвалидация кэша. Реализует real-time обновления через SSE/WebSocket composables, интегрирует с Nuxt server routes. |
| Fullstack Developer | Обязателен | Проектирует data-fetching слой fullstack-приложений: React Query/SWR с кэшированием и инвалидацией, optimistic updates, параллельные запросы. Реализует SSR data-fetching с гидратацией, стриминг данных и prefetch стратегии для оптимального UX. |
| iOS Developer | Обязателен | Проектирует сетевой слой iOS-приложения на основе URLSession с поддержкой кэширования, retry-логики и отмены запросов. Реализует пагинацию, prefetching данных и оптимистичные обновления UI. Использует Combine/async-await для реактивного управления потоками данных, настраивает URLCache и HTTP-кэширование для офлайн-режима |
| React Native Developer | Обязателен | Проектирует data-fetching архитектуру React Native приложения — API layer с интерцепторами, автоматический refresh токенов, request deduplication. Внедряет GraphQL с Apollo Client или urql. Оптимизирует сетевые запросы для мобильных сетей — prefetching, background sync. |
| Роль | Обязательность | Описание |
|---|---|---|
| Android Developer | Обязателен | Определяет архитектуру сетевого слоя для Android-проектов: стандарты Repository-паттерна, стратегии синхронизации данных (периодическая, push-based, conflict resolution). Внедряет мониторинг сетевых ошибок через Firebase Crashlytics, настраивает network inspection в CI, обучает команду эффективным паттернам загрузки данных с учётом мобильных ограничений. |
| Backend Developer (Python) | Определяет data fetching стандарты: client library selection, timeout policies, error handling patterns. | |
| Flutter Developer | Обязателен | Определяет frontend-архитектуру на уровне продукта с Data Fetching. Формирует стандарты и best practices. Проводит архитектурные review. |
| Frontend Developer (Angular) | Обязателен | Устанавливает стандарты работы с данными: абстракция API-слоя для Angular-проекта, автогенерация HTTP-сервисов из OpenAPI, кеширование стратегии (SWR-подобные), мониторинг и логирование запросов. |
| Frontend Developer (React) | Обязателен | Стандартизирует подходы к data fetching в React-проектах команды: единый API-клиент, конвенции использования TanStack Query, стратегию кеш-инвалидации. Определяет архитектурные решения: Server Components vs client fetching, оптимальные стратегии для каждого типа данных. |
| Frontend Developer (Svelte) | Обязателен | Стандартизирует паттерны загрузки данных в Svelte-команде: единые подходы к error handling, loading states, cache invalidation. Определяет архитектуру API-слоя между SvelteKit и бэкендом, внедряет мониторинг latency и error rates для load-функций. |
| Frontend Developer (Vue) | Обязателен | Определяет архитектуру data layer для Vue-проектов организации — стандарты API-клиентов, caching strategy, error handling patterns. Внедряет end-to-end type safety через tRPC или typed route rules в Nuxt 3. |
| Fullstack Developer | Обязателен | Определяет архитектуру загрузки данных fullstack-платформы: BFF-паттерн для агрегации, tRPC или GraphQL для типобезопасного data-fetching, стратегия кэширования на всех уровнях. Создаёт стандартные хуки и утилиты для команды, оптимизирует waterfall-запросы. |
| iOS Developer | Обязателен | Архитектурно проектирует систему загрузки данных для iOS-приложения: абстракции над URLSession, интерцепторы для аутентификации, централизованная обработка ошибок. Внедряет GraphQL через Apollo iOS или собственный клиент, настраивает WebSocket для real-time данных. Определяет стратегии синхронизации локального кэша с сервером |
| React Native Developer | Обязателен | Определяет стандарты data-fetching для мобильных проектов команды. Формирует архитектуру API-слоя — кодогенерация типов, централизованная обработка ошибок. Ревьюит стратегии кеширования и синхронизации данных. Внедряет мониторинг сетевых запросов через Flipper и аналитику. |
| Роль | Обязательность | Описание |
|---|---|---|
| Android Developer | Обязателен | Формирует платформенный стандарт работы с данными в Android: унифицированный networking-модуль для всех приложений, протоколы API-версионирования на клиенте, стратегии миграции между API-версиями. Определяет архитектуру для сложных data-flow сценариев — real-time через WebSocket, GraphQL-subscriptions, Server-Sent Events на мобильных устройствах. |
| Backend Developer (Python) | Формирует data access стратегию: platform data fetching patterns, resilience governance. | |
| Flutter Developer | Обязателен | Определяет frontend-стратегию организации. Оценивает фреймворки и подходы. Формирует platform-решения для всех frontend-команд. |
| Frontend Developer (Angular) | Обязателен | Определяет стратегию data-fetching для Angular-платформы: server-side data resolution через Angular Universal, streaming SSR для real-time данных, edge-кеширование, GraphQL-интеграция с Apollo Angular. |
| Frontend Developer (React) | Обязателен | Определяет стратегию data fetching для экосистемы React-приложений: BFF-архитектуру с React Server Components, edge caching, GraphQL federation. Проектирует platform-level решения для унифицированного доступа к данным, real-time синхронизации и оффлайн-поддержки. |
| Frontend Developer (Svelte) | Обязателен | Определяет стратегию загрузки данных на уровне платформы, исследует server components и streaming SSR для оптимизации TTFB. Влияет на развитие data-fetching паттернов в SvelteKit, проектирует архитектуру распределённого кэширования между edge и origin серверами. |
| Frontend Developer (Vue) | Обязателен | Формирует стратегию data fetching для Vue-экосистемы — GraphQL vs REST, edge caching, real-time sync между приложениями. Исследует и внедряет server components, hybrid rendering и streaming SSR паттерны в Nuxt. |
| Fullstack Developer | Обязателен | Формирует стратегию data-fetching организации для fullstack-разработки: единые паттерны загрузки данных, edge-computing для ближайшего доступа, платформенные решения для real-time синхронизации. Определяет архитектуру для масштабируемого обмена данными. |
| iOS Developer | Обязателен | Определяет платформенную стратегию работы с данными в iOS-экосистеме: offline-first архитектура, конфликт-резолюция при синхронизации, оптимизация сетевого трафика для мобильных сетей. Разрабатывает SDK для унифицированного доступа к данным с поддержкой background fetch, delta-синхронизации и адаптивного кэширования на основе состояния сети |
| React Native Developer | Обязателен | Формирует организационную стратегию управления данными в мобильных приложениях. Определяет архитектуру API gateway для мобильных клиентов — BFF, GraphQL federation. Проектирует offline-first data layer с conflict resolution для enterprise React Native приложений. |