Logo

dev-resources.site

for different kinds of informations.

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

Published at
10/22/2024
Categories
java
javafx
ui
swagger
Author
fdelporte
Categories
4 categories in total
java
open
javafx
open
ui
open
swagger
open
Author
9 person written this
fdelporte
open
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.

swagger Article's
30 articles in total
Favicon
Crudify: Automate Your Mongoose CRUD Operations in NestJS
Favicon
🚀 API Maker : Release Notes for v1.9.0
Favicon
What Does Swagger x-nullable Mean?
Favicon
Two Reasons on Why We Ship LiveAPI with An ROI Calculator
Favicon
.NET 9 Revolutionizing documentation of APIs : From Swashbuckle to Scalar 🚀
Favicon
What is the Best Way to Group REST API methods in Swagger UI
Favicon
How Scale Changes Everything - The LiveAPI Perspective
Favicon
What is SwaggerHub?
Favicon
Ever wished to maintain API Docs with ease? Introducing LiveAPI: Super Convenient API Docs
Favicon
Integrate Swagger UI with Codeigniter4
Favicon
How to Use Swagger UI Locally: A Step-by-Step Guide
Favicon
Musings Over What Makes LiveAPI Different (from Swagger Et Cetera)
Favicon
Missing Required Key in Body of PUT /odata/Assets({Key}) Edit an asset on UiPath.WebApi 18.0
Favicon
An Online Free API AutoTesting Tool That Completes 160 Hours of Testing Work for 20 APIs in Just 3 Minutes
Favicon
How to Improve Development Efficiency Through Automated API Testing
Favicon
Top 8 Swagger Codegen Alternatives
Favicon
JavaFX In Action #8 with Ulas Ergin: How JavaFX helps to migrate from Swing to React UIs, all combined in one Java app
Favicon
Exploring AutoAPI: An Automation Tool to Simplify Frontend Development
Favicon
Django Rest framework with Swagger
Favicon
Seamlessly Integrate Swagger with JWT Authentication in NestJS
Favicon
New Swagger-UI embedding Cloud TypeScript Editor with RPC SDK
Favicon
Laravel API Documentation Made Easy: Step-by-Step Swagger Integration
Favicon
Introducing Swama: A CLI Tool for Swagger/OpenAPI Interactions
Favicon
StudySpy: Building the new PublicApi v2
Favicon
Swagger UI + Docker: Initial Setup
Favicon
apigen-ts – Simple TypeScript API Client Generator
Favicon
Automating Swagger Documentation with Joi in Node.js: Simplify Your API Documentation Workflow
Favicon
Merge and bundle open api yaml files for swagger
Favicon
Gerando Documentação de API Automática com Fastify, @fastify/swagger e Zod
Favicon
Hosting Swagger-UI using GitHub Pages

Featured ones: