“react”的搜索结果

Bring existing React web components and browser-only libraries into Expo apps with DOM components. Render them in a WebView, an embedded browser view, on native platforms and directly on the web to support gradual migration.

中文简介正在准备中。当前显示英语简介。

• Gradually moving existing React web components into Expo
• Adding web charts or syntax highlighting to an app
• Reusing complex HTML/CSS layouts or embedded content

Add or debug web animations with GSAP, from entrance effects to scroll-driven sequences. Coordinate timing across multiple elements, adjust motion, and address rendering performance and cleanup when using animations in React.

中文简介正在准备中。当前显示英语简介。

• Animate a hero section with staggered entrances
• Build scroll-driven animated sections
• Coordinate navigation, headings, and buttons

Testing React Native: Jest with jest-expo / react-native preset, React Testing Library Native, native module mocking, hook testing. Optional sections for Detox (native automation) and Maestro (declarative YAML e2e). Use this skill to: - Configure Jest preset based on workflow. - Write component tests with @testing-library/react-native. - Mock native modules (react-native-reanimated, expo-*, react-native-mmkv). - Test custom hooks via renderHook. - Set up Detox or Maestro for e2e (optional, requires native toolchain). Do NOT use this skill for: - General RN conventions (see rn-conventions). - Web-React testing (see react-plugin:react-testing — different jsdom setup). - Plain Node testing patterns (see nodejs-plugin equivalents).

中文简介正在准备中。当前显示原文说明。

Reactアプリケーションを最新バージョンにアップグレードし、クラスコンポーネントからフックへ移行し、並行機能を採用します。Reactコードベースのモダナイゼーション、React Hooksへの移行、または最新Reactバージョンへのアップグレード時に使用します。

中文简介正在准备中。当前显示原文说明。

React (UI ライブラリ本体, react / react-dom 19.3) の公式リファレンス。 Hooks (useState, useEffect, useActionState, useOptimistic, useEffectEvent), use, cache, Suspense, Activity, ViewTransition, createRoot, hydrateRoot, createPortal, flushSync, react-dom/server, Server Components / Server Functions, React Compiler, eslint-plugin-react-hooks, DevTools, Rules of React。React Router・Next.js・TanStack 系・RHF とは別。

中文简介正在准备中。当前显示原文说明。

Develop ChatGPT apps with interactive React widgets using mcp-use and OpenAI Apps SDK. Guidance covers app scope, server tools, shared state, and display settings. This skill is deprecated and points users to mcp-app-builder.

中文简介正在准备中。当前显示英语简介。

• Define the scope of a ChatGPT app
• Build React widgets connected to server tools
• Share widget state with ChatGPT

Import an existing React component library into Claude Design, including its styles, usage references, and previews. This lets the design agent build screens and prototypes using the same components already maintained in the source project.

中文简介正在准备中。当前显示英语简介。

• Importing an existing React design system into Claude Design
• Creating prototypes with existing components and styles
• Syncing component changes after an initial import

Build search features with Algolia using guidance on search indexes, data organized for searching, React InstantSearch, and relevance tuning. Use it when implementing autocomplete, filtering by attributes, or results that update as users type.

中文简介正在准备中。当前显示英语简介。

• Add Algolia search to a site or app
• Build search interfaces with React InstantSearch
• Plan autocomplete and attribute-based filters

Integrate cryptocurrency exchanges into PHP applications with CCXT. Follow examples for market data, orders, authentication, and errors, with synchronous requests, ReactPHP asynchronous processing that avoids waiting on each request, and WebSocket connections for live updates.

中文简介正在准备中。当前显示英语简介。

• Displaying cryptocurrency prices in a PHP web application
• Implementing order placement and cancellation in a trading bot
• Fetching market data asynchronously with ReactPHP

Guides development of ChatGPT apps with interactive widgets using mcp-use and OpenAI Apps SDK, covering server tools, React interfaces, and shared state. This skill is deprecated and directs users to mcp-app-builder.

中文简介正在准备中。当前显示英语简介。

• Plan a ChatGPT app with interactive widgets
• Implement MCP server tools and React widgets
• Manage widget state and context shared with ChatGPT

Build videos in React with Remotion using task-specific rules and code examples. The skill covers animation timing, captions, audio, scene transitions, and media assets, helping guide implementation across common video creation tasks.

中文简介正在准备中。当前显示英语简介。

• Add word-highlighted captions to videos
• Create text animations and scene transitions
• Trim audio and adjust volume or playback speed

Turn Figma designs into React and TypeScript components using coderio. The workflow uses design thumbnails to guide layout, extracts component structure and data, and generates code and assets for integration into an application.

中文简介正在准备中。当前显示英语简介。

• Build a React interface from a Figma design
• Organize component structure and input data
• Generate components while checking the design thumbnail

Embed Zoom meetings inside a chosen area of a web application. This guide covers initialization, joining, layout customization, meeting controls, and event handling, with React examples and asynchronous APIs that let code wait for operations to finish.

中文简介正在准备中。当前显示英语简介。

• Embedding Zoom meetings in a web application
• Building a React meeting component
• Adjusting meeting display size and adding toolbar buttons

Helps build React and Next.js interfaces with TypeScript and Tailwind CSS. Provides project and component generators, reviews dependencies for code size reductions, and guides measurable improvements to loading performance, accessibility, and frontend code quality.

中文简介正在准备中。当前显示英语简介。

• Starting a React or Next.js project
• Generating components with tests and Storybook stories
• Finding dependencies that increase download size

Prevent and investigate excessive rendering in Lite React screens. It guides data transformations, context use, and store subscriptions, then checks compiler output and measures rendering time before and after changes to verify their effect.

中文简介正在准备中。当前显示英语简介。

• Investigate lag when selecting rows in Lite
• Review data transformations during rendering
• Design narrower context and store subscriptions

Build React interfaces for Kortix using @kortix/ui components. The skill covers forms, dialogs, notifications, and chat views, with shared styling rules, brand customization through CSS variables, and checks for types, controls, and responsive layouts.

中文简介正在准备中。当前显示英语简介。

• Building forms and dialogs with existing components
• Adding a chat view with SessionThread
• Adapting component colors and logos to another brand

Build videos in React with Remotion using topic-specific guidance and code examples. Covers animation, captions, audio, scene transitions, asset handling, timing, and text layout, with additional references for charts, maps, and 3D content.

中文简介正在准备中。当前显示英语简介。

• Create text animations and scene transitions
• Add captions and subtitles to videos
• Adjust audio, video clips, and display timing

Generate PDF documents from JSON definitions with headings, tables, images, and page numbers. Use file, in-memory, or streaming output, and extend document layouts with custom components and externally managed application state.

中文简介正在准备中。当前显示英语简介。

• Generate invoice PDFs from JSON definitions
• Build documents containing tables and images
• Stream generated PDFs through an HTTP response

Build and improve React interfaces with guidance on component structure, hooks, state management, and Server Components. Review unnecessary rendering, extract reusable logic, and implement accessible forms and loading states using established React patterns.

中文简介正在准备中。当前显示英语简介。

• Reviewing component structure and shared state
• Investigating unnecessary rendering
• Extracting reusable custom hooks

Build micro-frontends with qiankun 3.x, combining separate web apps inside a host app. The skill covers creating host and child apps, converting existing Vite apps, and connecting loading behavior in React or Vue.

中文简介正在准备中。当前显示英语简介。

• Creating a host app that loads separate web apps
• Creating a child app for qiankun 3.x
• Converting an existing Vite app into a child app

Build and debug mobile apps for iOS and Android with React Native and Expo. Implement navigation, adapt screens to each platform, integrate native modules that access platform features, and improve list rendering, keyboard behavior, and memory use.

中文简介正在准备中。当前显示英语简介。

• Building an app for both iOS and Android
• Adding tabs, navigation stacks, and deep links
• Improving scrolling performance in long lists

Build reusable React components that save settings in browser storage and support keyboard selection. The patterns cover settings dialogs and command palettes, with guidance on TypeScript types, storage keys, and managing keyboard focus.

中文简介正在准备中。当前显示英语简介。

• Keeping app settings across page reloads
• Building command selection with arrow keys and Enter
• Creating reusable settings dialogs

Retrieve concise summaries from Reactome about biological pathways, events, participating molecules, and diagram-related data. Look up specific identifiers, search for relevant entries, or find pathways associated with an entity, and save the full response when needed.

中文简介正在准备中。当前显示英语简介。

• Looking up a pathway or event by ID
• Finding pathways associated with a molecule
• Checking participants in a biological event

Build token swap features that move assets between blockchains using the NEAR Intents 1Click API. The skill guides React and Node.js integrations through quotes, deposit transactions, and status checks, with instructions for six blockchain ecosystems.

中文简介正在准备中。当前显示英语简介。

• Building a token swap widget in React
• Implementing cross-chain swaps in Node.js
• Adding deposit handling for different blockchains