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
Related
at my company we have a react native app. now we want to make so that some of that functionality, basically a component accessible via react-navigation/bottom-tabs, is also accessible via web.
from what I understand we have 2 options:
refactor that into a web app and then integrate it back into the app as a web view
use react native web to port that component part of the app for the web. here I would have really no idea how to proceed and if that is possible at all
am I missing out on something? do you have any other suggestion?
thanks!
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
I want trying to figure out is it possible to share code between reactjs and react native expo. I want to build an app for production. If yes then what should be the structure of project. I tried to do alot of google search but could find any article or tutorial on using react native expo with reactjs. Any one please help me to figure this out.
Probably the easiest way is to just write React code in Expo and then use Expo web to make the website.
It is possible to share code between a React DOM project and an Expo project but there are some caveats and gotchas. There are a bunch of blog posts out there that outline some techniques to do this. Here is one example: https://codeburst.io/reusing-code-between-react-js-and-react-native-effectively-12bb4fbf7a70
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 ?
how to create web and android application using react. can I use both reactJs and react native. If I create web app by using reactJs, how to convert web into android application (reactjs into react native).
Thanks in advance...
I personally in my projects have not seen a way of doing this automatically. There are some things that you might wish to look at however.
https://github.com/necolas/react-native-web - Seems to allow you to use the same components from react native directly in a react project. So the idea being you write your react native project and then import this package for the web build and voila.
I have ended up manually managing the proccess. If you layout your application keeping your application logic completely seperate from any display component logic the process really isn't that painful. Not sure if there is a better guide but this might give you an idea http://jkaufman.io/react-web-native-codesharing/
You could also use something like webpack to automate this process of swapping components / packages out for native / web.