I'd like to integrate/use an aspnet core 2 mvc app with react built using the react CLI "create-react-app".
I'd prefer to avoid all the boilerplate provide by SPA template.
Could you please me help to figure out all the steps required to integrate for. ex. gulp to code against the app created with the CLI in VS editor and see the result when I launch the website from VS and see the change while the website is running?
Related
I have developed a ReactJS front-end project, built using Material UI. I have built it using npm run build command and deployed the application in Azure App Services ASP.NET V4.8 stack.
Everything looks fine but I'm getting a minor error. Downloadable font: download failed I can see these woff2 files in the artifacts and even in the App Service as well.
Any help in understanding this issue is much appreciated.
I have project in react native and it was build in iOS and android successfully. I have not used react native cli for that project. Now I have to give support for web. So when I run the app all functionality should work in web same as in iOS and android. I have follow tutorial for that
https://javascript.plainenglish.io/how-to-integrate-react-native-web-existing-react-native-apps-8e4964ad2f0b
But when I run in the web it getting blank page.
I have tried many ways but it getting blank page. It is possible to run the app in web without using expo?
Please help.
if you don't want to use expo, i suggest you to use this react-native-web
We have a parent or host project which is on Angular JS and we are creating a new React app, and would like to integrate React app as MFE with the host project.
We would not like to make lot of changes in the host project but wanted to check if we can use webpack/webpack module federation in the Angular JS project to do the MFE integration.
Thanks in advance for any examples or suggestions that you provide
What you are trying to do is not possible with Webpack 4 (unless you use the Single SPA JS library to polyfill support for MFEs). You will need Angular version 11 or higher (but I'd recommend version 12, as Webpack 5 support is stable in that version).
Some examples and references:
https://javascript.plainenglish.io/create-micro-frontends-using-web-components-with-support-for-angular-and-react-2d6db18f557a
https://webpack.js.org/concepts/module-federation/
https://github.com/module-federation/module-federation-examples
https://github.com/manfredsteyer/module-federation-plugin-example-nx
https://www.angulararchitects.io/en/aktuelles/using-module-federation-with-monorepos-and-angular/
https://www.angulararchitects.io/aktuelles/multi-framework-and-version-micro-frontends-with-module-federation-the-good-the-bad-the-ugly/
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?
I have a webapp which I build with Angularjs 2.0, I want to convert it to android apk and install it on android phone and test.
I dont have any experience in building mobile native app or converting webapp to native app.
I have gone through How to convert an existing AngularJS web app to a Cordova app?
Any suggestion/guidance will be helpful.
The most simple explanation is you will need to put your angular files in the www folder, setup your configuration file, make sure the android platform is installed, then run the Android emulate and/or build command to see if it works. That's a very oversimplified version.
Once you've got it working there's a process to go through to prepare the apk to be uploaded to the Google Play Store. You have to be a registered developer for the play store, which is $25/year.
https://scotch.io/#vijayk036/building-hybrid-mobile-apps-using-cordova-and-angularjs-for-android
https://thebhwgroup.com/blog/converting-angularjs-website-cordova-app-ios-and-android