Run web components unchanged in native webviews across iOS, Android, and Web.
npx skills add https://github.com/raphaelmans/agent-skills --skill use-dom-raphaelmans
Please help me install this Agent Skill. Skill: use-dom Source: https://github.com/raphaelmans/agent-skills/tree/main/use-dom Command: npx skills add https://github.com/raphaelmans/agent-skills --skill use-dom-raphaelmans
Web-to-native integration friction by letting web code run in a native webview while remaining unchanged on the web.
Create a new React component and add the 'use dom'; directive at the top, then export a single default component.
High-intent search queries and answers about installing and using this skill.
To run web code in React Native, you can use a 'use dom' directive in a React component to execute web code inside a native webview. This allows existing web libraries and HTML to render on iOS and Android without requiring a full port.
Yes, you can use web libraries in Expo apps by embedding them within a DOM component. The web code runs inside a native webview browser context, enabling complex libraries to function on mobile platforms unchanged.
Migrating web components to native incrementally is achieved by using the 'use dom' directive to isolate web UI in a webview. This eliminates porting friction by letting the web code remain unchanged while running on native platforms.
Embedding complex HTML and CSS in Expo does not require a manual webview setup; adding the 'use dom' directive to a React component provides the necessary browser context. The component must have a single default export to function correctly.
To add scripts and assets to a DOM component in React Native, you define optional DOM resources alongside the 'use dom' directive. This provides references for scripts and assets needed by the embedded web code.
A limitation of using the 'use dom' directive is that it enforces one default export per component and requires a 'use dom' directive at the top. Complex native integrations outside the webview browser context may still need alternative native code.
treesus6Integrate web code into Expo apps using DOM components in a WebView.
lookatitudeImplement cross-platform React Native components with Expo and TypeScript.
0xarcanoExecute web-based React components and DOM-dependent libraries within an Expo webview.
TabTabGoRun React web components in WebView on native platforms and as-is on web.
