'react' 검색 결과

Build React components, forms, and custom hooks with TypeScript. Organize state and data fetching, debug rendering problems, migrate class components, and improve performance, with type checks and component tests to validate the implementation.

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

• Build React components and forms
• Design state management and data fetching
• Debug rendering issues and improve performance

Modernize existing React applications through version upgrades and migration from class components to Hooks, functions for state and lifecycle behavior. Includes React 18 rendering APIs, grouped state updates, and features for prioritizing interface updates.

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

• Plan an upgrade from React 16 through React 18
• Rewrite class components with Hooks
• Extract shared logic into custom Hooks

Migrate TanStack Table from v8 to v9 in Preact using its native package. Reviews compatibility aliases, table setup, state subscriptions, and rendering, with verification steps to check the upgraded implementation alongside the required core migration guidance.

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

• Upgrade a Preact table from v8 to v9
• Switch table imports to the native Preact package
• Review state and rendering issues after migration

Set up an inspection panel in React json-render apps to examine UI definitions, edit state, and review action and stream timelines. The skill also covers opening or toggling the panel and recording events from React code.

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

• Adding an inspection panel to a React app
• Inspecting UI definitions, state, and action history
• Opening or toggling the panel from React code

Connect Preact Table v9 to Devtools, a development inspection interface. This skill guides package selection, unique table keys, registration settings, and development-only behavior to help diagnose tables that do not appear.

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

• Connecting Preact tables to Devtools
• Diagnosing missing table targets
• Checking duplicate keys across tables

Turn work history, education, and skills into a complete resume for Reactive Resume. Gather missing facts through conversation and produce JSON, a structured data format, with the chosen template and layout.

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

• Create a new resume through conversation
• Convert work history into Reactive Resume JSON
• Choose a resume template and section order

Build React Native mobile interfaces for iOS and Android, covering styling, screen navigation, gesture interactions, and animations. The skill guides React Navigation and Reanimated usage, responsive layouts, and performance improvements for mobile components.

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

• Building React Native screens for iOS and Android
• Implementing screen navigation with React Navigation
• Adding touch gestures and Reanimated animations

Turn Stitch HTML designs into React Native screens and reusable components, or update existing components to match newer designs. Extract shared style values, implement layouts with StyleSheet, and organize navigation, data, and interaction logic.

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

• Convert Stitch designs into React Native screens
• Update existing components to match newer Stitch designs
• Share colors, fonts, and spacing across screens

Build GSAP animations in React or Next.js with guidance on useGSAP, element references, and component boundaries. It covers cleanup when components update or disappear, plus keeping animation code out of server rendering.

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

• Adding GSAP animations to React components
• Cleaning up animations when components are removed
• Keeping animations within the intended component

Refactor state held in Redux or React Context by separating API data, URL settings, shared interface state, and local component state. Move each part to React Query, nuqs, Zustand, or React’s local state hooks.

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

• Migrating away from Redux or React Context
• Removing duplicate storage of API responses
• Sharing filters and pagination through URLs

Embed Zoom meetings in React Native iOS and Android apps using @zoom/meetingsdk-react-native. Get guidance on setup, authentication, joining and starting meetings, cleanup, and troubleshooting communication between JavaScript and native SDK components.

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

• Adding Zoom meeting participation to a React Native app
• Implementing host meeting starts with ZAK
• Investigating iOS and Android setup or native bridge issues

Manage TanStack Table v9 state in React, including controlled pagination and subscriptions that update the UI when state changes. It also guides narrower rendering boundaries and fixes for React Compiler memoized components.

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

• Control pagination with React state
• Fix table state changes that do not update the UI
• Limit which components rerender

Turn JSON specifications into React interfaces using a catalog of available components. This skill helps connect component implementations, shared data, form inputs, conditional display, and user actions to render interactive screens, including AI-generated designs.

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

• Render AI-generated JSON as a React interface
• Define a catalog of reusable UI components
• Connect form inputs to shared data

Build and review React 18/19 components with guidance on state management, data fetching, forms, loading states, and error handling. It also covers keyboard access and how to divide components between server and browser execution.

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

• Reviewing React components
• Choosing where shared state belongs
• Designing forms and data fetching

Integrate GSAP animations into React and Next.js components using useGSAP, element references, and scoped selectors. The skill guides dependency updates, event callbacks, and cleanup when components unmount, while keeping animation code out of server rendering.

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

• Adding GSAP animations to React components
• Restricting animations to elements within one component
• Cleaning up animations when components unmount

Refactor React components into reusable pieces with clearer interfaces. Provides patterns for replacing excessive boolean settings, sharing state through providers, and designing component libraries, with additional guidance for React 19 APIs.

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

• Refactor components with too many boolean settings
• Design a reusable component library
• Review shared state and provider structure

Helps develop Handsontable’s React wrapper, covering components, custom cell editors, and preserving selections during settings updates. It also guides TypeScript prop definitions and declaration checks so editor suggestions remain available.

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

• Preserve cell selections when React props change
• Develop custom cell editors
• Fix missing HotTable and HotColumn prop suggestions

Integrate GSAP animations into React and Next.js components using useGSAP, element references, and scoped selectors. The skill guides dependency updates, event callbacks, and cleanup when components unmount, while keeping animation code out of server rendering.

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

• Adding GSAP animations to React components
• Restricting animations to elements within one component
• Cleaning up animations when components unmount

Turn Stitch designs into reusable React components for Vite projects, or update existing components to match revised designs. Organize interface elements, logic, and data separately while aligning styles and connecting navigation between pages.

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

• Build React screens from Stitch designs
• Update existing screens after design changes
• Split repeated interface elements into reusable components

Write or repair React tests around user actions and visible results. Cover components and hooks, simulate network responses, check accessibility, and decide when real browser component tests or end-to-end tests across pages are needed.

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

• Adding behavior tests to React forms and components
• Testing custom hooks and asynchronous updates
• Simulating successful and failed API responses

Write, review, and refactor React and Next.js code using performance guidelines from Vercel. Prioritized rules help identify sequential data requests, oversized JavaScript bundles, unnecessary re-renders, and other opportunities to improve loading and responsiveness.

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

• Reviewing React components for performance issues
• Improving data fetching in Next.js pages
• Reducing JavaScript bundle size

Write, review, or refactor React and Next.js code using prioritized performance guidelines. Address sequential data requests, large bundles of browser code, server work, and unnecessary rendering, with explanations and code examples for each rule.

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

• Writing React components with performance in mind
• Reviewing Next.js data fetching
• Reducing browser code size and loading time

Choose and implement ways to manage data in React apps, from values held by individual components to shared data and cached server responses. Covers Redux Toolkit, Zustand, Jotai, and React Query, including migration from legacy Redux.

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

• Choosing a library for shared application data
• Managing fetched data and caching
• Migrating legacy Redux code to Redux Toolkit

Use Curviate CLI, a command-line tool, to publish LinkedIn posts, manage comments and reactions, and save posts. Read the home feed and notifications while handling account selection, post identifiers, and paginated results.

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

• Publishing LinkedIn posts with attachments
• Replying to comments and managing reactions
• Checking the home feed and notifications