Integration with CSS frameworks

If we remember the last three principles discussed in Chapter 2, Software Design Principles and Patterns, (don’t repeat yourself, keep it clean, and code for the next), reinventing the wheel in matters of visual appearance and graphic language is something not desirable in most cases. The web has an ever-growing collection of CSS frameworks and libraries that we can easily incorporate into our applications. From the old popular Bootstrap to atomic design, to utility classes such as Tailwind, and passing by graphics languages such as Material Design and skeuomorphism, the spectrum of options is huge. Vue has a good number of component libraries already implementing some of these libraries, which you can find in the npm repositories. Using these, you’ll be restricted to learning about and applying the conventions applied by the designer, which, in some cases, may set in stone how you can build your user interface. Typical examples of these...