domains / families / software-engineering / expo-dom

expo-dom

separate

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally. For the end-to-end migration of a whole web app, use the expo-web-to-native skill.

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

Skill page

Source