Expo DOM Components FAQs

Question 1

What is the 'use dom' directive in Expo?

Accepted Answer

The 'use dom' directive is a feature in Expo SDK 52+ that allows you to render a specific component as a web bundle inside a native WebView automatically, facilitating hybrid mobile development.

Question 2

Can I pass functions to an Expo DOM component?

Accepted Answer

Yes, function props are supported for web-to-native callbacks; however, the bridge serializes the call automatically, so you must avoid passing functions that reference complex native closures.

Question 3

When should I use a DOM component versus a standard WebView?

Accepted Answer

Use DOM components for self-contained UI elements that benefit from web-only libraries. Use standard WebViews when you need lower-level control over navigation, injected scripts, or remote URIs.

Question 4

Why does this skill check for prop serialization?

Accepted Answer

Because DOM components run in a separate JS context, props must be plain serializable values (primitives or objects) to cross the boundary between the native and web environments.

Question 5

Does using multiple DOM components impact performance?

Accepted Answer

Yes, each DOM component spawns a separate WebView process. It is recommended to use them sparingly or combine multiple web views into a single DOM component to save resources.

Expo DOM Components

Key Features

Use Cases

Expo DOM Components

Key Features

Use Cases