Ext js front-end project as a module - how start? - extjs

In the future I will create a only front-end project of Ext JS 6. This project must be created like a module (something like plugin), because this project could be integrated with anothers projects in Sencha. What is the best solution for start with this conception? Thanks

Related

Integrate Asp.net MVC (.net framework 4.7) with ReactJS

The existing project is MVC with ExtJS. We want to migrate ExtJs to ReactJs alone instead of entire project.
I want to create react-app with existing Asp.net MVC.
I have tried to create using create-react-app or Vite.
But the idea to run Asp.net mvc with ReactJs is,
Build react app (will watch build folder)
The build output should target _layout.cshtml instead of index.html.
So that the built files will be included in _layout.cshtml and when we run the mvc application, the app will run without any issues.
Is there any idea to build without index.html and target _layout.cshtml?
Or
Is there any alter idea other than this?

Integrate a React MFE with Angular JS project(parent project) using webpack(or webpack module federation)

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/

React JS into Eclipse IDE

I'm new to React JS and trying to use in my front end design. Using Eclipse IDE,I would like to integrate React JS into my existing web application. Is it enough to add Jars associated with React into WEB-INF/lib and proceed?
Your help and time is much appreciated.
Thanks
Another approach could be using something lightweight like VSCODE with create-react-app. Once you build the project you'll load it into your existing project as a singular widget.

How to integrate a new ionic theme to an existing ionic app?

i'm working on an ionic v1 (and angular 1) project which is completed using basic ionic UI. I came across various themes on ionic marketplace. How do i integrate a new ionic theme to my existing app.
I'm assuming you have Ionic setup in your local machine.
Once you've purchased and downloaded the files of the theme you want to use, create an ionic1 project. Note this will work only with Ionic1, and not Ionic2. Use the following command to create an ionic1 project:
ionic start myApp blank --type ionic1
When your project has been created, go to the /www folder in your project directory, delete all files in here, and copy the theme's files you've downloaded here.
Run ionic serve and your project should have integrated with the theme.
PS. you might have to replace the project scss folder with that of the theme's if available.

Angular js with spring mvc

Currently trying to implement angular js with spring mvc
Tried to implement the sample project springmvc-angularjs-master from the site-https://github.com/xvitcoder/spring-mvc-angularjs , not sure how to use the folder structure of this sample project into a spring project.
i read the thread - Spring MVC and Angularjs
but still could not find the solution. Do i need to create new folder webapp under the src folder in the web application?
can someone help me how to convert this sample project into spring web application?
i am not using maven and using simple web application with spring capabilites in myeclipse ide.
Current project folder structure:
SampleApp
-src
--controller,bean folders
-webroot
--webinf
---web.xml,springmvc.xml
---html folder(index.html,etc.,)
--resources
---js
----app.js,services.js,controller.js and lib folder
You should be able to import the project as Maven project (Import > Maven > Existing MavenProject) and run it as is. All of the necessary mappings can be found in /src/main/webapp/WEB-INF/spring/webapp-config.xml
Once you have your head wrapped around that, you should be able to extract what you need.
I also noticed some of the #override annotations were throwing some errors. I just removed them.

Resources