Through our small prototype, we have gone from a simple idea to a concrete application in no time. Of course, LyricsFinder lacks all the bells and whistles that end users would expect from a production application, and there is a lot of room for improvement, but the base functionality is there and the code is simple and easy to understand.
We have created a few SFCs and handled inputs with props as well as outputs using properties and event handlers.
We have also installed the Vue Router library, configured it, and defined a few routes together, allowing us to easily implement navigation within our SPA.
The Element component library has also helped us move forward efficiently. We have seen that it is both very approachable and efficient. The choice of Element was quite arbitrary and, in fact, many other libraries would have been just as good (for example, those that we mentioned in the previous chapter: Quasar, Vuetify, Buex, and many others).
Initially, our plan was to integrate VueX into LyricsFinder as part of the chapter, but this would have introduced too much complexity at once, which might have left you with the wrong impression about Vue.js. Ultimately, we have chosen to keep things simple to reflect the true nature of Vue.
Nevertheless, take our advice and dig deeper into VueX (NGRX for Angular or Redux for React), as state management libraries are the key for great frontend applications!
Our next chapter is dedicated to React, the other superstar among modern web frameworks. Get ready for a change, because React is quite different from what we've seen so far!