How to integrate already SPA project to laravel Inertia? - reactjs

I've downloaded React dashboard app and I want to use it inside my laravel inertia application.
I got confused how to merge their files together.
React components should be inside resources/js/Pages in laravel Inertia.
I got confused how to merge react app with laravel inertia app
Here are images of files for each of them.

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?

Connect a React app and a NextJs app together

I have a react dashboard, and I want to create a link to a nextjs App in the dashboard itself. The NextJs app will be in a different codebase.
I don't have a requirement for shared data between these two apps.
Do I just create an external link to the next app from the react app or do I have to achieve microfrontend here?

React js website inside a react native app

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 ?

Integrating React application to Struts application

I have 2 applications. One is completely developed in React.js and the other is developed in Struts. Now I'm trying to integrate react application into struts. To achieve this i used Iframe tag and provided theReact app Url to Iframe. Are there any other options to embed react i to Struts.
Can i achieve some thing like replacing a div with react application out put as in react replacing a root div using React Dom

React and React Native archetypal model

What is a good approach for making a React web and a React Native app that share their APIs for consuming the same database?
The system will have some CRUD screens for managing products and their images as well diferent events that the user will save.
I will follow the component / container pattern with Redux to be able to reuse code.
I am working in Windows SO.
I was thinking in:
NodeJs (APIs) and Heroku server
MongoDB
React (web app)
React Native (mobile app)
Are there some common archetypal model when using React and React Native consuming the same apis and DB?
I know I'm going to get flamed for this one....Even though it's not persistant to what you asked. I started a new project where we are using Firebase as our cloud backend and it works seamlessly between the web, ios, and android versions (building in react native).
But in regards to your question, react and react-native work well together, You can setup your redux actions (in react-native) almost identical to your react web app. The only differences between how you want to query your backend and handle auth (native uses asyncStorage vs localstorage/cookies). React native has a built in Fetch vs any other React package like Axios or SuperAgent.

Resources