Summary
In this chapter, we got familiar with the files and configuration of Laravel's default frontend app. We then migrated the Vuebnb client app prototype into our Laravel project, achieving the first full-stack iteration of Vuebnb.
We also learned about Webpack, seeing how it addresses the JavaScript dependency management problem by bundling modules into a browser-friendly build file. We set up Webpack in our project via Laravel Mix, which offers a simple API for common build scenarios.
We then investigated tools for making our frontend development process easier, including Webpack watch mode and BrowserSync.
Finally, we saw how to get data from the backend into the frontend app by injecting it into the document head.
In Chapter 6, Composing Widgets with Vue.js Components, we will be introduced to one of the most important and powerful tools for building user interfaces with Vue.js: components. We will build an image carousel for Vuebnb, and use knowledge of components to refactor the Vuebnb...