SAPUI5 vs Vue

SAPUI5 vs Vue: A friendly comparison

Like SAPUI5, Vue is one of the most popular JavaScript libraries right now. Want to know how to the facts about SAPUI5 compare to Vue or vice versa?

Corporate Backing

Vue:

Vue is backed by open source community unlike SAPUI5 with SAP. Its widely accepted by the open source community and has high commendations as well. Also, check this website for a great amount of details with regards to Vue.

SAPUI5:

SAPUI5 is backed by SAP and has open source flavor, OpenUI5. Initially released to improve SAP’s user experience and to engage more non-SAP developers to its environment. You can also check my post An Introduction to SAPUI5 for a quick overview on SAPUI5.

Code Style and Learning Curve

Vue:

Vue comes with very familiar syntax for we developers, with support for newer version of JavaScript and JSX as well.
Project structure can be separated by HTML, JavaScript and CSS, which makes it very easy to learn into.
Most developers like the low learning curve of Vue and it’s programming style.

SAPUI5:

Similar to Vue, SAPUI5 programming style is traditional, comes with basic HTML, JavaScript and CSS. No additional code style is needed to start a new project. As of today, October 2019, ES6 syntax is not yet fully supported, but possible. SAPUI5 is also highly dependent to jQuery syntax, but there are no concrete plans to remove it from its core library.

Documentation

Framework Size

Vue:

Vue is very light weight.

a full-featured Vue 2 project with Vuex + Vue Router included (~30KB gzipped)
-vuejs.org

SAPUI5:

Very huge library, due to built in tools and controls. Unlike Vue, SAPUI5 comes with components or library within the core itself. Though it loads modules asynchronously, there’s still a lot of bootstrap modules being loading during runtime.

Flexibility

Vue:

Vue is a very opinionated framework, but easily integrates to open source project.

SAPUI5:

SAPUI5 is also a very opinionated framework, can be hard to integrate to open source project due to project structure and too much global scope variables.

Job Prospect

Vue:

Highly love by the community but react has higher employment so far. Compare to SAPUI5, I think Vue has much higher employment rate since more companies can afford open source projects. In addition, many consumer application implements Vue.

SAPUI5:

High employment due to SAP implementation on enterprise level. I think more companies are now implementing this due to migration to more recent SAP technology release like S4 Hana and cloud platform.

Conclusion

If you’re a Vue developer going to SAPUI5, its very easy to transition since SAPUI5 is very traditional in coding style. But you may frown on the utilities and coding style since the functions are longer. Components are also coupled on application level rather than control level by default.
If you’re a SAPUI5 developer you will love Vue, its very easy to use and to get familiar with. Folder structure is straight forward and components are modular that SAPUI5 components.
Overall, this post aims to guide you coming from two different technologies. I’m not saying that one is better that other, since theses frameworks works well in the areas they serve. But, exploring this two front-end technologies can open up a lot of opportunities and knowledge.

Let me know what you think in the comment section below, don’t forget to like and subscribe.

Leave a Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.