Run web code inside native Expo apps using DOM components.
npx skills add https://github.com/IlyaKukarkin/bee_bloom --skill use-dom-ilyakukarkin
Please help me install this Agent Skill. Skill: use-dom Source: https://github.com/IlyaKukarkin/bee_bloom/tree/main/.agents/skills/use-dom Command: npx skills add https://github.com/IlyaKukarkin/bee_bloom --skill use-dom-ilyakukarkin
Web libraries and complex HTML/CSS rely on DOM APIs that aren't readily available in native React Native. DOM components enable web code to run in a WebView on native while rendering as-is on web, supporting incremental migration of web code to native.
Create a component file with the 'use dom'; directive at the top and export a single default component that renders in a WebView on native and directly on web.
High-intent search queries and answers about installing and using this skill.
To run web code inside a React Native Expo app, use DOM components with the 'use dom'; directive at the top of your file. This renders your web code in a WebView on native while preserving standard web behavior on the web platform.
Yes, you can reuse web libraries in Expo by using DOM components. This allows libraries relying on DOM APIs, such as charts or syntax highlighters, to run inside a native WebView while supporting a progressive migration path to native.
The 'use dom' directive is a special instruction placed at the top of a component file to enable DOM component behavior. It requires a single default export component and proper dom props to control the WebView across platforms.
DOM component rendering works on both web and native platforms. On native, the web code runs inside a WebView, while on the web, the component renders as-is, ensuring consistent behavior across both environments without code duplication.
The best way to progressively migrate web UI to native Expo is using DOM components. They allow you to embed traditional web content in a native shell, enabling incremental migration by running web code in a WebView while developing native interactions where appropriate.
Creating a DOM component requires the 'use dom'; directive at the very top of the file, a single default export component, and proper dom props to control the WebView behavior. This structure ensures the web code renders correctly across native and web platforms.
zai-orgRender web-based code inside native Expo apps using a webview.
treesus6Integrate web code into Expo apps using DOM components in a WebView.
carlos3gRun web code in React Native apps using Expo DOM components.
salafidurusIntegrate React web components and DOM APIs into native apps via webview context.
