The term Single-Page Application (short SPA) describes a technology which enables complex user interfaces to be run cross-platform in the browser. It enables a rich interaction between the user and the SPA providing a more fluid user experience as opposed to traditional web applications.
The cross-platform development of Single-Page Applications allows the deployment on both desktop personal computers and mobile devices. SPAs are scalable applications to meet growing or fluctuating levels of utilization.
In a traditional web application many different pages are operated via HTML links supplied by the server. Thus, with every click on a website a new page is loaded. Every action is combined with a request to the server. The client supplies user input data to the server as necessary. The server, in turn, carries out the necessary calculations or functions, processes display data within the GUI and sends these as a new HTML page to the client. During navigation the former page is replaced by the new one in the browser. This approach causes both waiting time for the user and load for the server.
Simple calculations can be carried out directly on the client. To achieve a higher performance, only new data is requested from the web services and loaded dynamically into the current page. As the user navigates on a subpage, an additional template can be loaded from the server for display of the new page.
Based on the new application architecture, user input data can instantly be checked and processsed as necessary on the client's side without involving the server. This helps to create more reactive user interfaces with a state-of-the art operating concept. The fact that it is mainly data that is exchanged with the server and no complete HTML documents reduces the necessary bandwidth while at the same time meeting the demands of mobile use. Due to frameworks such as Angular, React or Vue.js repeated page loads are no longer necessary.
Hence, SPAs are able to replace Rich-Client applications (e.g. based on Windows or Java) making the functionality available in the browser on all platforms (e.g. Windows, Mac, iOS, Android). Aside from increasing the market scope, this also ensures implementation of mobile use scenarios.
SEKAS applies the three large frameworks Angular, React and Vue.js to build powerful and easy-to-use applications which are browser-independent, mobile and available for offline usage if need be. SEKAS focuses mainly on large and complex systems which would in most cases have a strong framework in Angular.
But we also develop applications and distributed systems which are not built as web applications. SPA may not be a suitable approach for all use cases. Every starting point requires individual consideration of possible approaches. SPA may not always be the best choice.
If the application is merely form-based with no need to react directly to user entries waiting for a point in time to load collected entries to the server, then some of SPA's advantages will not have any effect. On the other hand, certain scalability requirements might yet argue in favour of SPA.
As a technology- and manufacturer-independent partner, SEKAS has supported various customers in finding a solution. We look back on many years of experience in setting up tailor-made software systems - also in the field of SPA.
We have implemented SPA solutions in
In some cases, the migration paths developed for exisiting customer solutions lead to a step-by-step migration.
Do you have any questions regarding SPA applicability in your field of business, or regarding possible strategies for transferring current software systems to the new technologies?
We invite you to contact us right away - we will gladly get in touch with you promptly to answer the questions you may have and to discuss your individual situation.