Vue.js is a newer project that has tons of promise behind it. Since working with React, I have stumbled across another framework, Vue.js. If you want to develop in React, chances are you will touch webpack and for good reason. webpack is officially supported by React and the community behind it. While working with React, I was introduced quickly to webpack. Recently, I decided to build my first single page web app. It has the ability to take your single page web app, cut out all of the code you don't need, then package it up into 1 or more packages for your user to download. If you write your site all from scratch or depend on dependencies from npm, webpack takes care of packaging it all together for you. Webpack does all of the heavy lifting bundling all of your HTML, CSS and Javascript together. Either way, it can be a pain to bundle all of these assets together for the end user to download from your web server. When building single page web apps, you may decide to retrieve all of the HTML, CSS and Javascript with one single page load or dynamically load these resources as the user moves about your site. Instead of having your browser request a new web page for each and every action you perform on a web page, single page web apps may load all in one request to smoothly and quickly transition with every action you perform. Today, single page web apps are driving many websites that we use each and every day.

Vue pug template