React js website inside a react native app - reactjs

I want to build a website which has 3-4 pages. In later stage I want to build an app for the same. i.e I want to open the website in react native app. I want to do this to avoid app updates.
I will add/remove components in website so that it will reflect in the app without any update.
what is the best approach for this?
Any code samples or blogs ?

Related

Exclude some components while building reactjs app

I have ReactJS webapp ready for building.
Now I want to build this app but do not need some components at present but will need them in future. So, ho could I exclude the unrequired components while building the application?

How to bundle react app as a portable widget with firebase auth?

Is there any way to bundle a React app to run inside another website like a chat widget. Iframe won't work for me since it doesn't allow google auth. I also tried parcel bundler like mentioned in this log rocket blog. But the firebase seems to be not working. Is there any other ways to do this?
A solution to run my react app inside another website without iframe

How to combine react and react-native projects?

I have created a website with react.js, Material-UI, and node.js. Now I want to create a mobile app for that website with React-native. I have used redux,react-redux, and saga on the website. I am new to react-native.
I want to know, Is it possible to create a mobile app and website in a single project structure, If possible then how? Because I don't want to repeat the same state and API calling procedure two times.
React.js uses HTML to render pages and React native doesn't support HTML so you can't use direct HTML.
You can buy react native theme that suits your need and you can re-use services and api call logic from react code.
Theme: https://codecanyon.net/search/react%20native
You can't just use your whole code into the react native app.
First and foremost, you must adhere to the react native architecture before creating your UI with react native components.
https://reactnative.dev/docs/getting-started
The most of the assistance will be found here.
There is also the option of creating a new react-native project and using webview to show your entire website there.
https://github.com/react-native-webview/react-native-webview

hosting entire react application inside another react application landing page

we have some wrapped up SPA react application, we need to host it inside another react application landing page as well as many other stand alone react applications, what is the best way to achieve such behavior?

How integrate a react-redux app into another react app

I have a react-redux app and I would like to display the content of another react app ( from another team) when a user clicks on a button.
so far I had found articles about sharing components between react apps or using npm package. like this building a react component library
but I haven't found an example to package a whole app (including reducers/actions) and imported as dependency into another app
I see also there is micro frontends but not sure how to use that with react apps.
any suggestions or examples would be highly appreciated.
thanks in advance

Resources