Performance

Lazy Loading

Always use Dynamic Imports for Bridge components. The native bridge bundle is not needed for the "First Contentful Paint" of your website.

/* Next.js */
const DynamicButton = dynamic(() => import(...));

Minimize Bridge Traffic

Do not spam the bridge with events. For example, if syncing a slider value, do not trigger a native update on every pixel. Debounce the events.

Next Steps

• Understand Event Safety
• Learn how to Avoid Duplicate Native Actions
• Explore the React Module