领域
Frontend Development
技能档案
React Query/TanStack Query, SWR, Apollo Client: cache, invalidation
角色数
10
包含此技能的角色
级别数
5
结构化成长路径
必要要求
37
其余 13 个可选
Frontend Development
State Management
2026/3/17
选择当前级别并对比期望。下方卡片显示晋升所需掌握的内容。
表格展示从初级到首席的技能深度变化。点击行查看详情。
| 角色 | 必要性 | 描述 |
|---|---|---|
| Android Developer | Performs simple HTTP requests in Android via Retrofit: GET requests to REST APIs, JSON deserialization via Gson/Moshi into Kotlin data classes. Understands basic concepts — URLs, HTTP methods, response codes. Uses ready-made Repository classes for data loading, displays results in UI via LiveData or StateFlow under mentor guidance. | |
| Backend Developer (Python) | Implements data fetching in Python: requests/httpx for HTTP calls, aiohttp for async. Handles pagination and errors. | |
| Flutter Developer | Uses Data Fetching at a basic level in Flutter 3. Creates simple components from designs. Understands basic concepts and follows component guidelines. | |
| Frontend Developer (Angular) | 必要 | Uses HttpClient for GET/POST requests in Angular services. Applies response typing via generics, handles errors with catchError, displays loading states in templates. |
| Frontend Developer (React) | 必要 | Loads data in React components through TanStack Query: basic useQuery for GET requests, handling loading and error states. Understands caching and staleTime, uses fetch or axios for HTTP requests, displays skeletons during loading. |
| Frontend Developer (Svelte) | 必要 | Uses SvelteKit load functions for fetching data on the server and client, handles loading states through {#await}. Understands the difference between +page.server.js and +page.js load functions, passes data to components via $page.data and export let data. |
| Frontend Developer (Vue) | 必要 | Uses useFetch and useAsyncData in Nuxt 3 for data loading. Understands the difference between server and client-side loading, handles loading and error states in Vue components through reactive ref. |
| Fullstack Developer | 必要 | Implements basic data fetching patterns in fullstack applications: fetch/axios for REST API, handling loading/error states, displaying data in components. Understands the request lifecycle from client through server to database and back. |
| iOS Developer | Performs basic network requests in iOS applications using URLSession dataTask. Parses JSON responses via the Codable protocol, handles simple network errors. Displays loaded data in UITableView or SwiftUI List, understands request lifecycle and HTTP protocol basics. | |
| React Native Developer | Performs GET/POST requests with fetch/axios in React Native. Displays loading indicators and network errors. Uses useEffect for data loading on screens. Understands basic TanStack Query — useQuery for automatic caching and refetching data from REST APIs. |
| 角色 | 必要性 | 描述 |
|---|---|---|
| Android Developer | Implements data fetching with Retrofit and OkHttp, handles pagination and caching strategies. Manages network state with Flow/LiveData. Writes unit tests for repository layer. | |
| Backend Developer (Python) | Designs data fetching: async HTTP clients, connection pooling, retry strategies. Implements rate limiting and caching. | |
| Flutter Developer | Independently implements complex UI components with Data Fetching. Optimizes rendering performance. Writes tests with flutter_test/integration_test. Applies BLoC/Riverpod for state management. | |
| Frontend Developer (Angular) | 必要 | Implements advanced data fetching patterns: caching via shareReplay, request cancellation via switchMap, pagination and infinite scroll, parallel requests via forkJoin, retry strategies. |
| Frontend Developer (React) | 必要 | Implements advanced data fetching patterns in React: mutations with optimistic updates in TanStack Query, infinite scroll through useInfiniteQuery, parallel and dependent queries. Configures global error handling and retry strategies. |
| Frontend Developer (Svelte) | 必要 | Implements advanced data fetching patterns in SvelteKit: parallel load functions, invalidateAll for updates, streaming with promises. Creates type-safe API wrappers, configures response caching through Cache-Control headers in server routes. |
| Frontend Developer (Vue) | 必要 | Implements efficient data loading — caching through useFetch with keys, parallel requests, deduplication. Configures interceptors through ofetch, implements optimistic updates in Pinia stores with rollback on errors. |
| Fullstack Developer | 必要 | Implements data fetching patterns with React Query/SWR on the frontend and REST/GraphQL APIs on the backend. Optimizes caching, deduplication, and loading states across the full stack. |
| iOS Developer | Implements data fetching with URLSession and async/await. Manages caching with NSCache and HTTP cache policies. Handles background fetches and optimizes network performance for mobile. | |
| React Native Developer | Configures TanStack Query for the mobile app — staleTime, gcTime, retry, refetchOnReconnect. Implements pagination with useInfiniteQuery for infinite lists. Applies useMutation with optimistic updates. Handles offline scenarios with persistQueryClient and MMKV. |
| 角色 | 必要性 | 描述 |
|---|---|---|
| Android Developer | 必要 | Designs the Android application's data-fetching layer: OkHttp interceptor configuration for authorization and logging, response caching strategies, pagination handling via Paging 3. Implements offline-first approach with Room as single source of truth, configures retry policies and exponential backoff, optimizes network requests through batching and deduplication. |
| Backend Developer (Python) | Designs data fetching architecture: parallel data loading, streaming responses, circuit breaker patterns. | |
| Flutter Developer | 必要 | Designs frontend architecture with Data Fetching. Optimizes bundle size and Core Web Vitals. Creates design systems and reusable components. Mentors the team. |
| Frontend Developer (Angular) | 必要 | Designs data layer architecture in Angular: abstract data services, HttpInterceptors for authentication and caching, optimistic updates via NgRx, offline data strategy with background sync. |
| Frontend Developer (React) | 必要 | Designs data fetching architecture for React applications: server and client fetching strategy in Next.js App Router, caching and revalidation, streaming with Suspense. Implements API client abstraction layer with type safety through zod and TypeScript. |
| Frontend Developer (Svelte) | 必要 | Designs data fetching architecture for SvelteKit applications: load function-level caching, optimistic updates through form actions, real-time subscriptions. Implements GraphQL integration or tRPC for type-safe API, creates middleware for request deduplication. |
| Frontend Developer (Vue) | 必要 | Designs data fetching layer for Vue application — API abstraction, typed endpoints, automatic cache invalidation. Implements real-time updates through SSE/WebSocket composables, integrates with Nuxt server routes. |
| Fullstack Developer | 必要 | Designs data-fetching layer for fullstack applications: React Query/SWR with caching and invalidation, optimistic updates, parallel requests. Implements SSR data-fetching with hydration, data streaming and prefetch strategies for optimal UX. |
| iOS Developer | 必要 | Architects iOS application networking layer based on URLSession with caching, retry logic, and request cancellation support. Implements pagination, data prefetching, and optimistic UI updates. Uses Combine/async-await for reactive data flow management, configures URLCache and HTTP caching for offline mode. |
| React Native Developer | 必要 | Architects the data-fetching layer for React Native applications — API layer with interceptors, automatic token refresh, request deduplication. Implements GraphQL with Apollo Client or urql. Optimizes network requests for mobile networks — prefetching, background sync. |
| 角色 | 必要性 | 描述 |
|---|---|---|
| Android Developer | 必要 | Defines networking layer architecture for Android projects: Repository pattern standards, data synchronization strategies (periodic, push-based, conflict resolution). Implements network error monitoring via Firebase Crashlytics, configures network inspection in CI, trains the team on effective data loading patterns considering mobile constraints. |
| Backend Developer (Python) | Defines data fetching standards: client library selection, timeout policies, error handling patterns. | |
| Flutter Developer | 必要 | Defines frontend architecture at the product level with Data Fetching. Establishes standards and best practices. Conducts architectural reviews. |
| Frontend Developer (Angular) | 必要 | Establishes data handling standards: API layer abstraction for the Angular project, auto-generating HTTP services from OpenAPI, caching strategies (SWR-like), request monitoring and logging. |
| Frontend Developer (React) | 必要 | Standardizes data fetching approaches in the team's React projects: unified API client, TanStack Query usage conventions, cache invalidation strategy. Makes architectural decisions: Server Components vs client fetching, optimal strategies for each data type. |
| Frontend Developer (Svelte) | 必要 | Standardizes data fetching patterns in the Svelte team: unified approaches to error handling, loading states, cache invalidation. Defines API layer architecture between SvelteKit and backend, implements latency and error rate monitoring for load functions. |
| Frontend Developer (Vue) | 必要 | Defines data layer architecture for organizational Vue projects — API client standards, caching strategy, error handling patterns. Introduces end-to-end type safety through tRPC or typed route rules in Nuxt 3. |
| Fullstack Developer | 必要 | Defines data fetching architecture for the fullstack platform: BFF pattern for aggregation, tRPC or GraphQL for type-safe data fetching, caching strategy at all levels. Creates standard hooks and utilities for the team, optimizes waterfall requests. |
| iOS Developer | 必要 | Architects the data loading system for the iOS application: URLSession abstractions, authentication interceptors, centralized error handling. Implements GraphQL via Apollo iOS or custom client, configures WebSocket for real-time data. Defines strategies for local cache synchronization with the server. |
| React Native Developer | 必要 | Defines data-fetching standards for the team's mobile projects. Establishes API layer architecture — type codegen, centralized error handling. Reviews caching and data synchronization strategies. Implements network request monitoring via Flipper and analytics. |
| 角色 | 必要性 | 描述 |
|---|---|---|
| Android Developer | 必要 | Shapes the platform standard for data handling in Android: unified networking module for all applications, client-side API versioning protocols, strategies for migrating between API versions. Defines architecture for complex data-flow scenarios — real-time via WebSocket, GraphQL subscriptions, Server-Sent Events on mobile devices. |
| Backend Developer (Python) | Shapes data access strategy: platform data fetching patterns, resilience governance. | |
| Flutter Developer | 必要 | Defines the organization's frontend strategy. Evaluates frameworks and approaches. Shapes platform solutions for all frontend teams. |
| Frontend Developer (Angular) | 必要 | Defines data-fetching strategy for the Angular platform: server-side data resolution via Angular Universal, streaming SSR for real-time data, edge caching, GraphQL integration with Apollo Angular. |
| Frontend Developer (React) | 必要 | Defines data fetching strategy for the React application ecosystem: BFF architecture with React Server Components, edge caching, GraphQL federation. Designs platform-level solutions for unified data access, real-time synchronization and offline support. |
| Frontend Developer (Svelte) | 必要 | Defines platform-level data fetching strategy, researches server components and streaming SSR for TTFB optimization. Influences data-fetching pattern evolution in SvelteKit, designs distributed caching architecture between edge and origin servers. |
| Frontend Developer (Vue) | 必要 | Shapes data fetching strategy for Vue ecosystem — GraphQL vs REST, edge caching, real-time sync between applications. Researches and introduces server components, hybrid rendering and streaming SSR patterns in Nuxt. |
| Fullstack Developer | 必要 | Shapes organizational data-fetching strategy for fullstack development: unified data loading patterns, edge computing for nearest access, platform solutions for real-time synchronization. Defines architecture for scalable data exchange. |
| iOS Developer | 必要 | Defines the platform data strategy for the iOS ecosystem: offline-first architecture, synchronization conflict resolution, mobile network traffic optimization. Develops SDK for unified data access with background fetch, delta synchronization, and adaptive caching based on network state. |
| React Native Developer | 必要 | Shapes the organizational data management strategy for mobile applications. Defines API gateway architecture for mobile clients — BFF, GraphQL federation. Designs offline-first data layer with conflict resolution for enterprise React Native applications. |