use-dom

Execute web-only React components in Expo webview contexts.

417|7|Updated Jan 12, 2026

Search Tags:#cross-platform #webviews #react native #expo #dom components #web integration

Ready to run

npx skills add https://github.com/Asymmetric-al/core --skill use-dom-asymmetric-al

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: use-dom
Source: https://github.com/Asymmetric-al/core/tree/main/.cursor/skills/use-dom
Command: npx skills add https://github.com/Asymmetric-al/core --skill use-dom-asymmetric-al

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill allows you to seamlessly integrate web-only React libraries and existing web code into your Expo native applications, bridging the gap between web and native development.

Core Features & Use Cases

Web-only Libraries: Utilize libraries like Recharts, React-Syntax-Highlighter, or any DOM-dependent package directly within your Expo app.
Incremental Migration: Migrate existing React web components to native incrementally without a full rewrite.
Complex Layouts: Implement complex HTML/CSS layouts or use iframes and embeds that are not natively supported.
Use Case: Embed a complex charting library like Recharts into your Expo app to visualize data, or use a rich text editor component that relies on DOM APIs.

Quick Start

Create a new file with the 'use dom'; directive at the top to define a DOM component.

Frequently Asked Questions about use-dom

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I use web-only React libraries in Expo native apps?▼

To use web-only React libraries in Expo native apps, you can isolate DOM-dependent packages within a webview context by adding the 'use dom'; directive to your component file and passing serializable props.

Can I run existing React web code in a React Native application without rewriting it?▼

Yes, you can run existing React web code in a React Native application by executing it within an isolated webview context, which facilitates incremental migration of complex HTML and CSS layouts without a full native rewrite.

Does Expo support DOM components for complex HTML and CSS layouts?▼

Expo supports DOM components for complex HTML and CSS layouts through a webview execution environment, allowing you to embed iframes, rich text editors, and charting libraries like Recharts directly within your native application.

What are the requirements for passing props to DOM components in Expo?▼

Passing props to DOM components in Expo requires all properties to be strictly serializable so they can be safely transferred across the webview boundary for isolated execution.

When should I use webviews instead of native components in Expo?▼

You should use webviews instead of native components in Expo when integrating web-only libraries, migrating existing web codebases, or rendering complex HTML layouts and embeds that are not natively supported in React Native.