use-dom

작성자: expo

웹 전용 라이브러리를 Expo 앱에서 실행할 수 있도록, 네이티브에서는 웹뷰로 렌더링하고 웹에서는 그대로 렌더링합니다. 'use dom'; 지시어를 포함한 DOM 컴포넌트 파일로 감싸면, 수정 없이 모든 React 웹 라이브러리(recharts, react-syntax-highlighter, canvas, WebGL)를 지원합니다. 네이티브에서 웹뷰로 직렬화 가능한 props와 비동기 함수를 전달하여, 네이티브와 웹 컨텍스트 간 양방향 통신을 가능하게 합니다. dom prop을 통해 웹뷰 설정 옵션(스크롤 제어, 세이프 에어리어 등)을 포함합니다.

npx skills add https://github.com/expo/skills --skill use-dom

ZIP 다운로드 GitHub

expo의 다른 스킬

프레임워크(OSS). Expo SDK 버전 업그레이드 및 의존성 문제 해결을 위한 가이드라인

apidevelopmentofficial

expo-data-fetching

Framework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching, offline support, and Expo Router data loaders (`useLoaderData`).

android-e2e-testing

Android 에뮬레이터에서 ADB를 사용하여 Expo Router 기능을 테스트합니다. 네이티브 Android 기능을 구현한 후 또는 Android에서 UI 동작을 확인할 때 사용하세요.

expo-dev-client

EAS Build 또는 로컬에서 실제 기기에서 네이티브 코드를 테스트하기 위한 맞춤형 Expo 개발 클라이언트를 빌드합니다. 커스텀 네이티브 모듈, Apple 타겟(위젯, 앱 클립) 또는 Expo Go에 없는 타사 네이티브 코드를 사용할 때만 필요하며, 먼저 npx expo start로 Expo Go를 시도해 보세요. 자동 TestFlight 제출이 포함된 클라우드 빌드 또는 로컬 머신에서의 로컬 빌드를 지원하며, .ipa(iOS) 또는 .apk/.aab(Android) 파일을 출력합니다. eas.json에 development 프로필을 설정하여 구성해야 합니다.

android-jetpack-compose

Use when building Android UIs with Jetpack Compose, managing state with remember/mutableStateOf, or implementing declarative UI patterns.

swiftui-expert-skill

Write, review, or improve SwiftUI code following best practices for state management, view composition, performance, macOS-specific APIs, and iOS 26+ Liquid…

android-e2e-testing

Test Expo Router features on Android emulators using ADB. Use after implementing native Android features or when verifying UI behavior on Android.

Write TSDoc comments for Expo SDK APIs following official conventions. MUST USE when introducing new user-facing TypeScript APIs in expo-* packages - document…