domains / families / software-engineering / use-dom

use-dom

authentic

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.

When to use

• **Web-only libraries** — Charts (recharts, chart.js), syntax highlighters, rich text editors, or any library that depends on DOM APIs
• **Migrating web code** — Bring existing React web components to native without rewriting
• **Complex HTML/CSS layouts** — When CSS features aren't available in React Native
• **iframes or embeds** — Embedding external content that requires a browser context
• **Canvas or WebGL** — Web graphics APIs not available natively

When not to use

• **Native performance is critical** — Webviews add overhead
• **Simple UI** — React Native components are more efficient for basic layouts
• **Deep native integration** — Use local modules instead for native APIs
• **Layout routes** — `_layout` files cannot be DOM components
• Use this skill only when the task clearly matches its upstream product or API scope.
• Verify commands, API behavior, pricing, quotas, credentials, and deployment effects against current official documentation before making changes.
• Do not treat generated examples as a substitute for environment-specific tests, security review, or user approval for destructive or costly actions.

Skill page

Source