Есть ли способ разделить состояния Redux между React и React Native?

Question

У нас есть приложение React Native для мобильной платформы и приложение React для веб-сайтов, которое мы используем для управления состоянием на основе избыточности на обеих платформах, о которых мы думаем, используя веб-представления в реагировать нативно, которые будут обслуживаться локально из пакета реакции изнутри APK Я хочу проверить, возможно ли связать состояния редуктора между собственным и реагирующим локальными связанными компонентами через window.postmessage при обмене данными через WebView.

Теоретически возможно, но не жизнеспособно ли также то, на что мы смотрим, потому что мы не хотим поддерживать приложение только ради его повторного использования.

Некоторые ссылки, по которым я перехожу для этого варианта использования. Это скорее вопрос, пожалуйста, дайте мне знать, с чего начать.

https://github.com/blankg/rn-webview-bridge-sample-new/blob/master/android/app/src/main/assets/index.html

https://medium.com/capriza-engineering/communicating-between-react-native-and-the-webview-ac14b8b8b91a

Answer 1

Одно из разработанных нами решений также имело те же требования.

Насколько мне известно, мы не можем поддерживать единое хранилище резервов для приложений, то есть для мобильных устройств и для Интернета, поскольку это два разных клиента, отделенных друг от друга.

Но, тем не менее, вы можете общаться с каждым клиентом при загрузке веб-страниц через веб-просмотры. Подход, который мы использовали, - это отправка данных через параметры URL. А с помощью маршрутизации из reactJS для извлечения данных и визуализации веб-страницы в соответствии с требованиями, интерпретируемыми параметрами.

<WebView 
    source={{ uri: 'https://m.domain.com/true/sv-FI/updateDetails' }} 
/>;

• false означает, что URL запрашивает из веб-просмотра
• sv-FI означает, что для локализации приложения Reaction-native установлено значение Swedi sh (Финляндия). так что реагирует приложение обслуживает Swedi sh переведенную веб-страницу
• .... остальные параметры.

и, конечно же, у вас могут быть ограничения в этом подходе.

ссылки, которые могут быть вам полезны - Как передать несколько параметров маршрута в пути URL-адреса React