COYO Inside: Technology in a state of constant change

hero-image
arrow-right All posts Published on 21.07.2020

As a software product, COYO is subject to a continuous process of change. The degree of these changes is especially high when it comes to web-based solutions. On the one hand, this can be attributed to the many requirements that we ourselves and our customers place on our software. These requirements include factors such as good adaptability and customizability, intuitive and error-free operation, widely varied needs in terms of internationalization and accessibility, and many other criteria. On the other hand, the technologies used are subject to continuous change along with an enormously high pressure to innovate and, at the same time, a short life cycle.

In an environment such as this, it is crucial not to lose touch with technological advancements. Consequently, software development at COYO is basically divided into two areas: the development of new functions and ideas and the maintenance and revision of existing components of the software. Striking the right balance between these two areas is a challenge we face every day.

New technologies are regularly implemented at COYO and parts of the product are removed. Ideally, once our software has been altered, everything will work exactly as it did before. The benefits of a technical modification frequently become apparent only much later – for example, in increased serviceability and lifetime of the product. We would like, therefore, to take a closer look at some of these technical aspects in this blog article.

Migration from AngularJS to Angular 

In the past few years our front-end has essentially been based on one framework – AngularJS. This is a JavaScript-based open source web framework, mainly developed by Google. AngularJS will reach its "End-Of-Life" (EOL) status in mid-2021, when further development on it will stop. The new version Angular (version 2+) is a complete re-development of the framework. For us at COYO, a completely new development of the framework also means that we will have to fully re-adapt our front-end. Of course, changes of this magnitude can result in new (and sometimes also well-known) bugs. We are putting all of our efforts into making sure that this happens as infrequently as possible and can only ask for your understanding if it does happen. What is currently a huge effort in our software development has, in the end, advantages for us and our customers.

However, it was not only personal factors that played a decisive role during the crisis, but organizational and technical factors as well. In addition to time management and self-management, many employees faced the challenges of childcare and home schooling. But factors such as a stable internet connection and the necessary technical equipment also determined whether and how well the virtual collaboration worked.

👉🏻 Some of the benefits:

– an improved UI

– type safety in the front-end and thus fewer errors in the long term

– significantly better performance, both with regard to the initial charging time and when using COYO

– security updates and with it a stable running front-end

– easier and faster development and better serviceability


Ihr

You, as customers, hardly notice the move of our code to the new framework most of the time. A first major milestone was the migration of the timeline, which was completed a few months ago – the loading times of the timeline were drastically reduced. The other components are now following step by step. Of course such a major development has some repercussions: For example, the migration of the Widget API from AngularJS to Angular from Cloud Release 26 onwards means that all widgets that have been developed so far by our customers and partners will have to be adapted.

shahadat-rahman-O2MdroNurVw-unsplash (1)

Hey COYO, what’s up next?

The next step is to migrate the apps and their API. For this, too, there will be necessary adjustments on your side. But there's no need to worry if you use the apps and widgets developed exclusively by COYO. Of course, we will take care of the migration and also the possibly necessary conversions of data. We are also currently working on a new plugin concept, which is already being developed exclusively in Angular. You will find out more about it shortly.

Goodbye Bootstrap!

When it comes to updating our technical base, we are currently working on more than one front: In addition to the Angular migration, we are also removing Bootstrap 3.x from our application piece by piece. Bootstrap is a CSS and JavaScript framework and contains UI building blocks and basics for typography, forms, buttons, tables, and many other interface design elements and JavaScript extensions. But Bootstrap has also decided to develop a completely new application some time ago. In contrast to the Angular migration, we will not move to the latest Bootstrap technology here, but say goodbye to the application altogether. Parts will be replaced by new Angular components, while others will be developed entirely by us. This opens up new design possibilities for us and in the long run will not only stabilize our API interfaces, but also the HTML and CSS structure.

👉🏻 In this case, too, you will have a one-time effort in terms of work if you have made CSS adjustments in your COYO. However, the advantages of these changes will outweigh the disadvantages: No major changes with every release and therefore a more consistent product. Bootstrap removal runs in parallel with the Angular migration.

maxwell-nelson-taiuG8CPKAQ-unsplash

New design concept 

Removing Bootstrap also improves the design system. Until now, you could access COYO's look and feel through individual CSS classes, making it your digital home. We are currently in the process of improving the capabilities of our internal designs. The more you can customize using the default settings, the less custom CSS you'll need to use. It's a win-win situation. 

🙋🏻‍♂️ Have you seen our tech blog?

You want to get more insights into how the developers at COYO work? Then have a look at our tech blog !

photo-• Fynn-Feldpausch-•
Author

• Fynn Feldpausch •

Fynn is a software architect and coordinates frontend development at COYO. As one of the very first COYOneers he gives you some exciting insights into the technical world of our software.

arrow-right All posts