graphql-apollo-patterns
WHAT: Apollo Client v3.9.2 patterns for web GraphQL data fetching. WHEN: using useQuery, useMutation, managing cache, implementing pagination. KEYWORDS: apollo, graphql, useQuery, useMutation, cache, fetchMore,...
发现 工具与集成 相关 Skills,比较来源仓库和用途,查看适合你工作流的技能说明。
WHAT: Apollo Client v3.9.2 patterns for web GraphQL data fetching. WHEN: using useQuery, useMutation, managing cache, implementing pagination. KEYWORDS: apollo, graphql, useQuery, useMutation, cache, fetchMore,...
WHAT: Redux 4 patterns with selectors, reducers, and thunk actions for web. WHEN: accessing Redux store, creating state slices, dispatching actions. KEYWORDS: redux, selector, reducer, thunk, useSelector, useDi...
WHAT: React Query v3.39.0 patterns for web data fetching with OpenTelemetry. WHEN: using useQuery v3, useMutation v3, implementing caching on web. KEYWORDS: react-query, v3, useQuery, useMutation, useFetch, cac...
WHAT: Next.js Pages Router patterns with useRouter and query parameters. WHEN: client-side navigation, accessing URL params, programmatic routing. KEYWORDS: nextjs, router, useRouter, Link, query, navigate, rou...
WHAT: Zest design system components for React Native including Button, Text, Icon, Card, Badge, InputField. WHEN: building UI with buttons, forms, icons, cards, status indicators, loading states, inline message...
WHAT: React Native tech stack reference with specific library versions. WHEN: choosing libraries, checking versions, adding dependencies. KEYWORDS: tech stack, versions, zustand, tanstack query, apollo, zest, r...
WHAT: Create Zest design system components for web with BoxWithNewTokens, variants.ts, and component tokens. WHEN: building new Zest components from Figma, adding variants, creating reusable web UI. KEYWORDS: Z...
WHAT: Web accessibility with semantic HTML, ARIA attributes, and checkA11y testing. WHEN: forms, interactive elements, modals, dialogs, WCAG 2.1 AA compliance. KEYWORDS: ARIA, aria-label, semantic HTML, checkA1...
Expert knowledge of Next.js 14 App Router, dual-brand implementation, dashboard variants, and state management patterns.
WHAT: Zest React Native integration with ZestProvider, useZestTheme, and useZestStyles hooks. WHEN: setting up providers, accessing theme tokens, creating themed styles, dark mode support. KEYWORDS: ZestProvide...
WHAT: Jotai v1.11.0 atomic state management with atoms and useAtom hook. WHEN: lightweight global state, modal/dialog state, form state across components. KEYWORDS: jotai, atom, useAtom, atomic, state, derived,...
WHAT: Validate native repository data before rendering with RepositoryLoader. WHEN: blocking UI until data loads, validating required properties, handling data dependencies. KEYWORDS: RepositoryLoader, required...
WHAT: React Native component patterns with variant-based architecture and repository pattern. WHEN: creating components, implementing variants, separating data logic from UI. KEYWORDS: component, variant, discr...
WHAT: Zustand client state management for UI interactions and state machines. WHEN: UI state, form validation, filters, user preferences, complex UI flows. KEYWORDS: zustand, store, useShallow, immer, client st...
WHAT: React web component patterns with TypeScript, semantic HTML, and composition. WHEN: building reusable components, type-safe APIs, accessible web interfaces. KEYWORDS: React.FC, TypeScript, props, semantic...
WHAT: Zest web component patterns with BoxWithNewTokens, variants, types.ts, and styles.ts structure. WHEN: adding Zest components, updating existing ones, implementing design tokens for web. KEYWORDS: Zest, Bo...
WHAT: React Navigation patterns with useNavigationHeader and type-safe route enums. WHEN: configuring screen headers, creating header buttons, navigating with parameters. KEYWORDS: navigation, useNavigationHead...
WHAT: React hooks patterns for web with useState, useEffect, and custom hooks. WHEN: managing state, side effects, data fetching, routing, window events. KEYWORDS: hooks, useState, useEffect, useMemo, useCallba...
WHAT: Zest web integration with Box, Text, Button from @/libs/zest and ZestProvider from @/libs/zest-support. WHEN: creating layouts with Box, responsive design, using theme tokens for colors and spacing. KEYWO...
WHAT: React hooks patterns for state, effects, memoization, and custom hooks. WHEN: managing state, side effects, expensive calculations, stable callbacks. KEYWORDS: hooks, useState, useEffect, useMemo, useCall...
WHAT: Feature flag management with useFeatureIsEnabled hook for gradual rollouts. WHEN: implementing A/B tests, conditional rendering, gradual feature releases. KEYWORDS: feature flag, useFeatureIsEnabled, roll...
Post-processing effects with React Three Fiber
Next.js 15 App Router patterns and best practices for React applications. Use when creating pages, components, layouts, data fetching, server actions, or routing. Triggers on Next.js, App Router, page, layout,...
WHAT: Test React Native with MockedProvider for GraphQL and isolated QueryClient for TanStack Query. WHEN: testing components with server data, GraphQL operations, mutations, loading and error states. KEYWORDS:...
默认按已收录数据中的 GitHub 仓库 Stars 排序。Stars 属于来源仓库,同一仓库的多个技能可能共享相同数值;它反映仓库关注度,不代表单个技能的安装量或质量评分。