What problem does it solve? React Native apps cannot directly use web-only libraries like recharts, chart.js, or react-syntax-highlighter because they depend on DOM APIs. This Skill guides you through Expo DOM Components, which run web code verbatim in a webview on iOS and Android while rendering as-is on web, enabling incremental migration of web code to native apps. ## Core Features & Use Cases - Web Library Integration: Use any React web library (charts, syntax highlighters, rich text editors) inside a native Expo app without rewriting it. - Native-to-Web Bridge: Expose native actions (alerts, storage, database writes) to the webview by passing async functions as props, with serializable data crossing the bridge. - Router & Platform Handling: Use expo-router Link and navigation inside DOM components, pass route params as props, and detect the DOM environment with IS_DOM. - Use Case: You need an interactive recharts line chart in your Expo app. Create a component with the 'use dom' directive, import recharts, and render it from a native screen with a typed dom prop controlling size and scrolling. ## Quick Start Ask the assistant to create an Expo DOM component that renders a recharts line chart from a data prop and shows a native alert when a point is tapped.
