Vue.js

Vue.js (source code) is a JavaScript web application framework for building rich apps that run in web browsers.

Vue.js-related projects

• flask-vue-spa is an example project with a Flask API on the backend and Vue on the front.

• django-vue-template contains example code for a Django backend. There is also another project named django-vue-template by a different developer so take a peek at that one as well if the first one does not suit your needs.

• vuepress (source code) is a static site generator that uses Vue and Markdown to create pre-rendered static HTML pages.

Vue.js resources

• A friendly introduction to Vue.js contains the code and brief explanations of what it's doing so you can learn to create your first Vue app.

• Developing a Single Page App with Flask and Vue.js walks through all of the environment configuration, project setup and coding you need to do to build a legitimate Vue.js application that uses a Flask API on the backend.

• The official Vue.js getting started documentation is fantastic and highly recommended as a top starting resource.

• Replacing jQuery With Vue.js: No Build Step Necessary explains why you may want to replace existing jQuery code with Vue and how to do so with minimal steps, depending on the complexity of your applicationi code, of course!

• Why we chose Vue.js covers GitLab's reasons for using this JavaScript framework over other options.

• The Vue.js publishes their own documentation page on how Vue compares with other frameworks. It is refreshing to see a straightforward technical analysis without the posturing that often comes from authors of one project discussing other work in the same space.

• Building Modern Applications with Django and Vue.js combines Django, Django REST Framework, Vue.js and Auth0 (an authentication web API) in an introductory web application.

• Vue.js And SEO: How To Optimize Reactive Websites For Search Engines And Bots shows how pre-rendering and various other attributes of JavaScript MVC frameworks like Vue.js can negatively impact your SEO. It then walks through the most important items to address to mitigate these problems on your own Vue-based sites.

• Exploring Data with Serverless and Vue: Automatically Update GitHub Files With Serverless Functions combines a serverless backend with Vue.js on the front.

What's next after learning Vue?