Improving the existing UX
As we move into building a real-world application, it's time to start making things look a little nicer by introducing some CSS styling. However, this isn't a book about CSS or web design, so we'll rely on the very popular Bootstrap CSS framework to handle 99% of our styling needs.
Choosing a UX framework
Back in Chapter 2, Setting Up the Development Environment, we removed the default Bootstrap installation included with the project template, and you may now be wondering why. We removed the default installation for three reasons:
- It had a dependency on jQuery, which in my opinion shouldn't be necessary when creating SPAs with a modern frontend framework such as Vue
- It was referencing Bootstrap 3, which at the time of writing has just been replaced by Bootstrap 4, which we'll be using instead
- Rather than reference Bootstrap directly, we're going to be using a Bootstrap-based Vue component library called Bootstrap-Vue
There is nothing wrong with jQuery, and I use it a...
