Loading react code into index.html file in flutter web - reactjs

I have a flutter web application. Things are working smoothly with few impediments.
So recently I got a new requirement that we have already few modules which we developed in react. You can consider like launch pages with signin and signup buttons. I wanted that same react code into my flutter web code. And when we click on sign in and signup it should load flutter web code. Is there is ay solutiom apart from webview? Like something we can do with flutter web folder adding css file into index.html file etc..
Please let me know the best approach for this...

Related

Is it a way to imitate iOS native custom url call from a React app?

Facebook has this Sharing to Stories functionality fro native iOS and Android. I am not sure possible or not but I would to do the same, open Instagram, and profile with custom content.
Seems open Instagram works, but profile data not. Do you know why?
Image is copied programmatically, put on pasteboard, and url loads this instagram-stories://share?source_application=2773133082797983 but till content, the mp4 is not loaded. What do I miss? Is it even doable from a React app??

SPA with React Router v6 - How to avoid downloading images from public folder?-Netlify

I want to build a single page application with react.js and react router v6.
I have images in the public folder that i use inside my application.
The problem is that when i open the developer tools, and network, i see the photos downloading when i go to specific pages that uses those photos. Imagine a profile image.
The project is deployed on netlify .
So the project is single page indeed, because i empty the logs, click on the page . Nothing downloads excepts the images used.
Can i somehow put the images elsewhere so they dont need to be downloaded?

Why my static React website is freezing in localhost?

I created a static React website, there is no database, no node.js, no login system. It is a simple company website with many SVG images and a lot of CSS work. I made it with Bootstrap 4. But when I try to run it on localhost it freezes many times. I am unable to figure out why the website is hanging, also it takes time to load all the SVG images.
Can anyone tell why does it freezes?

How to Copy a Navigation from Reactjs Website

I need to add a WordPress blog to a website created in Reactjs. It's for this website owntrail.com.
I was thinking I can just install WordPress in folder owntrail.com/blog and then copy the html/css navigation and footer from owntrail.com and add it to the WordPress blog so it looks the same as the website.
I tried working on it but my issue is that for some reason when I copy the html,css and js for the navigation from owntrail.com then it shows the whole content of the page.
I know that's probably how Reactjs works but I have zero experience with Reactjs so I'm just trying to see how this can be done.
How would you do this? I'll appreciate any tips or advice.
Thank you!
Josef

How can i share image from my web application to Instagram?

I have create one application in React-js for edit images after editing image i want to share(post) that image in Instagram how can i do that?
How can i use Instagram developer API to post the images from my application to Instagram so that user can directly post the image that he has edited in my application.
please give me steps if it's possible because i am performing integration first time.
A great place to start when implementing a third-party API is the docs!
https://www.instagram.com/developer/
But there are other great resources/tutorials online as well.
Here is a Medium article on building an Instagram embedded App with Expo and React Native.
https://hackernoon.com/build-an-instagram-feed-app-with-just-javascript-using-expo-react-native-97c0e799b5cf

Resources