Embedding a react native inside Cordova App - reactjs

we want to build new functionality in React Native but the main app is cordova app.
current production app created in cordova. but is it possible to call production cordova app to React Native app?
example: cordova app->Footer menu button click-> trigger/invoke the React Native screens
is it possible to embedding a react native inside existing cordova app?.
we have an app build using cordova. However, the client is not happy about the performance. so we like to build new screens in react-native and we thought about combining the current state of the app, embedding a react native inside cordova app. Does this make any sense?

Related

React Navigation Not working in production mode react native to web

I am building mobile app and web app with React Native. Everything just work find on the mobile and also on the web in the dev mode but when I build the React Native to Web by using webpack the React Navigation is not working in the Web. It returns a not found when I refresh the page.
How can I resolve this?

How to execute a piece of React Native code in React js project

I would like to understand if and how I can execute a piece of code written in React Native inside my React js project.
The context is that I would like to use UniversalLinks/DeepLinks in my Android & iOS apps, created from a React JS project embedded in a Cordova app. I can't get the universal links to work in React JS as they're intended for mobile apps and not web apps. So probably a piece of React Native code embedded in my React JS project could work.
Thanks in advance!

React Native PWA with react-native-view-pager

I'm developing a React Native application with Expo, after a few weeks of development I wanted to check my app on the browser by running: expo start --web
The Expo project is starting without any issues, however when I navigate to the local address where the app is being served I get a nasty error:
This is my first React Native app and I'm not sure if the react-native-pager-view simply cannot be run in the browser or I just need to add some webpack configuration for it to succeed.
Any help would be much appreciated.
React native is not meant to work as PWA.
PWA is just a web application that depends on chrome features to look and feel as mobile app. But they are not such smoothly experience as with a react-native or android/ios app.
If you are trying to test this on the web, be sure that you are following the steps in the official docs of react native. And check the example app from react-native-pager-view that works, you could start from there

What is React Native Web?

As per the docs
React Native is there to Create native apps for Android and iOS
using React.
But I'm confused with React Native Web.
As per the github home
"React Native for Web" makes it possible to run React Native components and APIs on the web using React DOM.
I'm not getting!
Is this an officially supported library by React Native to compile React Native Mobile Apps, as Web Apps to run on the Web from the same code base, like we do in Flutter?
Ciao, you know that to debug a React Native project you have to run it on an emulator (Expo, Android emulator...). With react-native-web is no longer necessary! You can run your React Native project directly in your browser!

Onsen UI 2 with React and PhoneGap development environment

I want to develop a hybrid mobile app based on Onsen UI 2, and have selected React as the framework for it.
I'm also using the PhoneGap Build service to create the app files for Android and iOS.
I am having some difficulties understanding how I can get Onsen, React and the PhoneGap CLI to work in harmony in my development environment.
How I did it for now:
I tried downloading some Onsen & React 'hello world' apps to play around with, and I got to the point, where I managed to build the Onsen/Webpack/React-Hot-Reloading-Example and put the bundle.js file in a new/empty PhoneGap project.
From this, I can understand that I need to separately build the react app, and then copy the bundled app into the PhoneGap app folder.
This seems like a little hassle... shouldn't there be an easier way?

Resources