DEV Community

Frank Delporte
Frank Delporte

Posted on • Originally published at webtechie.be

JavaFX In Action #8 with Ulas Ergin: How JavaFX helps to migrate from Swing to React UIs, all combined in one Java app

Here is the next "JFX In Action" with Ulas Ergin. He explains how his team uses JavaFX to migrate from a Swing based application, to a Java application which combines the old Swing screens with new React user interfaces.

About Ulas

Ulas Ergin has over 25 years of experience on large-scale enterprise systems in the banking sector including core-banking migration, cloud transformation and digitalization projects. He has lead several teams within different domains. Currently he manages a multi cultural department spanning across Netherlands, Ukraine and Turkey.

You can find him on LinkedIn and Twitter/X.

About the Applications

At Credit Europe Bank two tools are used, which are created with JavaFX.

The first one is an internal tool used by the developer team to define and setup certain procedures which are used within the applications and for their deployment. This tool is fully created in JavaFX, and was at the same time a research project to gain confidence in the power of Java and JavaFX to build a user interface application.

Screenshot of the developer tool

Based on the knowledge gained from the development of the developer tool, the decision was made to use JavaFX as the foundation to migrate an old application. This resulted in a new internal tool, used by the banking team and in the call centers. The screens of the old Swing application are integrated into this new tool, and are gradually transformed into React views. JavaFX components bind everything together and provide the main layout, menus, login screens, etc. The React views are integrated into this application with JxBrowser, a Chromium web browser that is fully integrated as a JavaFX component. For the call center team, the call manager was also integrated in this app, so they have all their tools available in one screen.

Screenshot of the banking app

Video content

00:00 Who is Ulas?

00:30 About core+, a JavaFX application used in the bank

02:30 JavaFX helps to combine old Swing and new React screens in one app

03:15 Demo of JavaFX screens

04:07 Call center uses the same app and the call manager is integrated

04:50 Demo of bookmarks and search to jump to favorite screens

06:06 Why Java is the prefered environment for a banking solution

07:26 About the move from Java 8 to 21 and new server platforms and the cloud

09:46 Second internal JavaFX app: Developer Tool

11:22 JavaFX allows to very easily create internal tools

12:17 Challenges to integrate Swing in JavaFX

13:00 Benefits of the JavaFX solution for core+

13:24 JxBrowser as Chrome browser inside JavaFX

13:48 Future plans for core+

14:54 How the JavaFX UI helps to move an old architecture to a new one

More JFX In Action...

Click here for more posts with JFX In Action videos.

Top comments (0)