Question 1

How do I send messages between React Native and the web app with this library?

Accepted Answer

Use the `useWebViewMessage` and `useNativeMessage` hooks along with the `emit` function to pass JSON-serialized data. The README includes code examples for bidirectional communication in the usage steps.

Question 2

react-native-react-bridge or react-native-web: which should I choose?

Accepted Answer

react-native-react-bridge is best for embedding existing web apps or using web-specific features in WebView, while react-native-web is for writing cross-platform components that compile to native. The README states rewriting or react-native-web is preferred in most cases.

Question 3

Can I use TypeScript in the web part of my app?

Accepted Answer

Yes, the library supports TypeScript as esbuild handles JSX and TypeScript compilation automatically during bundling. The Features section mentions JSX/TypeScript modules are bundled.

Question 4

How to import CSS files in the web app?

Accepted Answer

Import CSS files directly in your web entry file using ES6 syntax; the library injects them into the WebView's HTML head, similar to style-loader. This is detailed in the asset import support list.

Question 5

What are the performance issues with using WebView in React Native?

Accepted Answer

WebView can cause slower load times, higher memory usage, and inconsistent behavior across iOS and Android compared to native components. The library's use case implies this trade-off for web features.

Question 6

Is it compatible with Expo projects?

Accepted Answer

Yes, it works with Expo by modifying the Metro config as shown in the README, but you must install react-native-webview separately. The Expo configuration snippet provides specific setup instructions.

react-native-react-bridge

What is react-native-react-bridge?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions