'react' 검색 결과

Migrate TanStack Table from v8 to v9 in React by reviewing table creation, state updates, rendering, and shared application hooks. Provides a React-specific checklist and verification steps alongside the required core migration guidance.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Upgrade a React table from v8 to v9
• Review state and rendering issues after migration
• Update shared table hooks and wrappers

Create and render Table v9 tables in Preact, including headers and cells. Get guidance on reusable components, Query data integration, and virtualization, which renders only part of a table at a time.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a basic table in Preact
• Reuse table features and components
• Connect server data through TanStack Query

Build a shared animation foundation for React and Next.js with motion/react. Define reusable timing and spring settings, respect reduced-motion preferences, adapt to device performance, and align initial animation states with server-rendered content.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Standardize animation settings across components
• Define reusable spring animation presets
• Respect users' reduced-motion preferences

Build and review React or Next.js interfaces using practical patterns for reusable components, state management, data fetching, forms, and rendering performance. Includes keyboard navigation and focus management to support accessible interactions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build reusable React components
• Review state management and data fetching
• Improve rendering performance for long lists

Refactor React components with too many true-or-false options into reusable parts. Provides guidance on component composition, shared state, and flexible interfaces, with examples of good and problematic implementations and specific guidance for React 19.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Refactoring components with too many boolean options
• Designing reusable component libraries
• Reviewing shared state and component architecture

Build site search with Algolia using React InstantSearch patterns for search input, filters, and pagination. The skill also covers Next.js server rendering and strategies for keeping searchable records synchronized as source data changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding search-as-you-type to a React site
• Building filters and search result pagination
• Integrating search with Next.js server rendering

Write, review, and refactor React and Next.js code using performance guidelines ranked by impact. Covers sequential data requests, downloaded code size, server work, and unnecessary rendering to guide concrete implementation improvements.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Review React and Next.js code for performance issues
• Improve data fetching that waits on sequential requests
• Reduce downloaded code size and loading time

Build React interfaces with HeroUI v3, including buttons, forms, cards, and modals. The skill guides installation, component documentation lookup, and light or dark theme configuration using Tailwind CSS v4 and reusable interface components.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Set up HeroUI v3 in a React project
• Build forms and modals from documented examples
• Customize light and dark themes

Build custom mobile video experiences in React Native with Zoom Video SDK. Get guidance on setup, joining sessions, routing events into interface state, using helper APIs, and keeping session token generation on the backend.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a custom video interface in a React Native app
• Implement session joining with backend-issued tokens
• Connect session events to interface state

Write, review, or refactor React code using prioritized guidance for data fetching, bundle size, rendering, component structure, testing, and type safety. Start with high-impact issues such as sequential requests and unnecessary library loading.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Writing React components and data-fetching logic
• Reviewing code for loading and rendering performance
• Refactoring large components and overly broad interfaces

Connect React Table v9 to Devtools, a development inspection interface. Configure table registration, unique keys, and enabled settings, and diagnose missing panels while understanding registration cleanup and the separate entrypoint for explicit production use.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adding Devtools to React tables
• Diagnosing missing Table panels
• Controlling registration with enabled

Build and render tables with React Table v9, with guidance on stable data and column definitions. Find task-specific references for reusable components, Query data fetching, and virtualization, which limits rendering to visible rows or columns.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building a basic React table
• Organizing reusable table components
• Connecting tables to Query data

Creates test starters for React and Next.js applications and analyzes coverage reports to find untested code. Supports unit, integration, and browser-based tests, simulated API responses, reusable test data, and test runner configuration.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Generating test starters for React components
• Finding untested code before a release
• Creating browser tests from Next.js routes

Build 3D scenes in React from JSON specifications using json-render. The skill covers shapes, lighting, model loading, materials, cameras, and view controls, plus connecting component definitions to their rendering implementations.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a 3D scene from JSON
• Display GLTF or GLB models
• Configure lighting, materials, and shadows

Create HTML or plain-text emails from JSON specifications with React Email. This skill guides reusable email components, conditional content, server-side rendering, and browser previews for transactional messages such as signup notifications and marketing emails.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create signup notifications and other transactional emails
• Build marketing emails from JSON specifications
• Vary email content using state and conditions

Turn Stitch designs into React and Vite dashboards with reusable components and asynchronous data fetching. It applies shared design settings from DESIGN.md, includes accessibility checks, and supports optional blockchain data reads.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a React dashboard from a Stitch screen
• Apply shared design settings from DESIGN.md
• Add data fetching and loading states

Create videos in React with Remotion using focused implementation guidance and code examples. The skill covers animation, audio, captions, charts, 3D content, and scene transitions, along with handling media assets and timing.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating animated text and scene transitions
• Adding audio and subtitles to videos
• Showing charts and 3D content in videos

Review and refactor React and Next.js code to address slow loading and interactions. Prioritized guidance covers sequential data requests, downloaded JavaScript size, server processing, repeated rendering, and browser work, with examples for choosing relevant improvements.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating slow page loads
• Reviewing downloaded JavaScript size
• Reducing repeated rendering and interaction delays

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