Leveraging Salesforce Using a Client Written In Vue.js

In the “Leveraging Salesforce Using Spring Boot” article, I navigated the course for introducing a Spring Boot service that would leverage the well-established Salesforce RESTful API. The goal of this service is to act as a middleware layer to allow clients not written in Salesforce to retrieve and update contact data stored in Salesforce. This backend service implements its own caching layer to provide a faster response time and also cut down on the number of times Salesforce needed to be called.

In the “Leveraging Salesforce Using a Client Written In Svelte” article, I introduced a simple client written in Svelte, which provided the ability to make updates to the Salesforce data using an inline editor. Again, without actually using the Salesforce client.

In this article, I will introduce a client application using the Vue.js framework to further interact with the Spring Boot service to not only read data from Salesforce but to process and display updates made to the Salesforce data via server-sent events (SSE) implementation.

Why Vue.js?

Aside from continuing to be one of the top three JavaScript client frameworks, Vue.js offers the following benefits:

Dedicated corporations (Alibaba and Baidu) and a large adoption rate in China, have helped fuel continued development and adoption, despite not being funded by any major corporations.

The architecture of Vue.js fosters a minor learning curve while also providing the ability to create flexible components.

Because of a small runtime (~20 KB), Vue.js is certainly a framework that performs quite faster than most competing frameworks.

Original Source