“react”的搜索结果

Apply Vercel Engineering’s performance guidelines when writing, reviewing, or refactoring React and Next.js code. Prioritize improvements to data fetching, downloaded code size, server processing, and unnecessary rendering using rules with explanations and code examples.

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

• Review React components for performance issues
• Improve data fetching in Next.js pages
• Reduce downloaded code and loading time

在React或Next.js中实现拖动、滑动手势、文字和SVG动画，涵盖多阶段动作、滚动与光标跟随及加载状态，并帮助按用途选择API。

• 实现拖动关闭面板和可排序列表
• 逐词显示文字并实现数字动画
• 绘制SVG线条和圆形进度

Improve Remotion Studio rendering performance by limiting which components update with every frame. The skill guides on-demand timeline reads and React.memo usage, helping keep stable components from rerendering unnecessarily while preserving updates where the displayed frame matters.

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

• Reduce unnecessary rerenders on every frame
• Read the current frame only when an event needs it
• Move frame-dependent rendering into a small child component

Record React rendering activity during specific Remotion Studio interactions to investigate repeated renders and slow updates. Compare measurements before and after code changes under matching conditions, and check that behavior still works correctly.

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

• Investigate unnecessary React renders in Remotion Studio
• Identify components responsible for slow updates
• Analyze rendering related to timeline position

Apply consistent coding practices across TypeScript, JavaScript, React, and Node.js projects. Get guidance on naming, types, error handling, API design, file organization, and tests to make code easier to read and maintain.

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

• Aligning coding conventions across a team
• Refactoring long functions and deeply nested code
• Reviewing React components and state updates

Add animations to React interfaces using the browser's built-in view transitions. Guides page changes, shared elements that move between views, list reordering, component appearance, and loading reveals, with CSS styling and Next.js integration guidance.

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

• Animating shared images between list and detail views
• Adding forward and back page transitions
• Animating list reordering and component visibility

Read and control Table v9 state in Preact, including pagination. Guides state subscriptions, which keep the interface updated, and externally managed state so table changes and controls stay synchronized while rerenders can be scoped to relevant values.

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

• Control pagination from Preact state
• Fix table values that fail to update on screen
• Limit rerenders to selected state

Build native mobile interfaces from JSON specifications with @json-render/react-native. Use standard or custom components, connect form inputs to application state, and update visible content in response to taps and other interactions.

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

• Building mobile screens from JSON specifications
• Connecting form inputs to application state
• Switching tab content in response to taps

为React Native和Expo应用设计页面导航、状态管理与数据获取，并提供长列表显示、表单验证、设备功能及认证令牌存储的实现方式。

• 创建Expo页面与导航
• 整理获取的数据和界面状态
• 改善长列表显示

帮助实现和检查React、Next.js表单与模态框的键盘操作及屏幕阅读器支持，改进标签、错误提示和焦点移动。

• 改进表单标签与错误提示
• 检查下拉菜单的键盘操作
• 管理模态框开关时的焦点

Build complex interactive artifacts for claude.ai with React, Tailwind CSS, and shadcn/ui. Start from a configured project, develop interfaces with state management or navigation, and bundle the result into one shareable HTML file.

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

• Building interactive interfaces with multiple components
• Creating artifacts with state management and navigation
• Developing interfaces with shadcn/ui components

Create complex HTML artifacts for claude.ai using React and Tailwind. The skill follows Anthropic’s reference workflow to produce rich web content that can be embedded, supporting artifact development with these tools.

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

• Creating complex HTML artifacts for claude.ai
• Building web artifacts with React and Tailwind
• Preparing rich web content for embedding

Create HTML artifacts for claude.ai using React, Tailwind CSS, and shadcn/ui. This skill supports building elaborate interfaces with multiple components, helping turn a web prototype request into a structured, styled artifact.

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

• Creating an HTML artifact for claude.ai
• Prototyping an interface with multiple components
• Building an artifact with React and shadcn/ui

Build interactive terminal screens with OpenTUI using its core API, React, or Solid. Guides framework selection, components, layout, keyboard input, animations, and testing, with references for project setup and troubleshooting.

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

• Starting an OpenTUI project with React or Solid
• Building terminal forms and selection menus
• Adapting layouts to terminal dimensions

Structure mobile apps built with React Native and Expo. Covers navigation, state management, device feature integration, offline data synchronization, and performance practices, helping developers organize projects and account for differences between iOS and Android.

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

• Structuring a new React Native or Expo app
• Designing tabs, authentication screens, and modals
• Planning device integrations and offline synchronization

Write JavaScript and TypeScript tests with Jest using consistent structure, dependency mocking, and checks for asynchronous code. Includes guidance for snapshots and React components, focusing on user interactions, accessibility, and choosing appropriate assertions for expected results.

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

• Organize Jest test files and test names
• Replace API or database dependencies with mocks
• Test asynchronous results and errors

Build and improve mobile apps with React Native and Expo using prioritized implementation rules. Covers faster lists, animations, images, navigation, state management, and native dependencies, with explanations and code examples for reviewing common implementation choices.

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

• Improving long lists and scrolling performance
• Reviewing Reanimated animations and gestures
• Choosing image, navigation, and modal implementations

Build React and TypeScript pages with guidance for data fetching, loading states, styling, and navigation. Organize code by feature and apply lazy loading, which loads components when needed, using patterns for MUI v7 and TanStack Router/Query.

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

• Creating a React page or component
• Organizing frontend files by feature
• Coordinating data fetching and loading states

Search Rhea, a biochemical reaction database, using reaction IDs, compound names, enzyme classification numbers, or reaction terms. Get concise summaries of focused search results, with raw JSON available when you need machine-readable output.

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

• Looking up a reaction by its Rhea ID
• Finding reactions associated with a compound
• Searching reactions by enzyme classification number

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

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