Learn Vue.js from Top 50 Articles in 2018
Tags: programming, learningtocode, vue
Published: 2019-01-22 08:09:10

---
title: Learn Vue.js from Top 50 Articles in 2018
published: true
tags: programming,learning-to-code,vue,vuejs
canonical_url: https://blog.bitsrc.io/learn-vue-js-from-top-50-articles-in-2018-b934a2241c61
---


It’s been an amazing year for Vue.js as shown in the State of Vue Report.

![](https://cdn-images-1.medium.com/max/800/1*jmSMYF4stuRzQcU3jfW9RA.png)<figcaption>From Naturaily Vue 2018 Blog</figcaption>

- You can request a copy of the [official report here](https://www.monterail.com/state-of-vuejs-report).

2019 is a great time to be a developer, and a similarly amazing time to be getting started with Vue.js. Here is a list of 50 articles that made waves and proved themselves as crowd favorites, hopefully, they can help you get up and started with building using Vue.js.

Feel free to comment and add your own suggestions!

**Tip** : When building a Vue.js App, use [**Bit**](https://github.com/teambit/bit) to organize and reuse your components. Simply create a collection, share your components into it, and then find and reuse them in any project or app you’re working on. Try it out.

[Bit - Share and build with code components](https://bitsrc.io)

### 1. [I created the exact same app in React and Vue. Here are the differences.](https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd)

by [Sunil Sandhu](https://medium.com/u/a7b125868703)

An article with 50k Claps that very well explains how different React is from Vue. The difference between the two frameworks was explained by building a fairly standard To Do App that allows a user to add and delete items from the list. By going through the article you get to know CSS difference, how to mutate data (change the date stored), create To Do items, delete items from a list in both Vue and React. Every section has code that helps to serve how both frameworks handle stuff

[I created the exact same app in React and Vue. Here are the differences.](https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd)

**50325 claps**

### 2. [Vue.js 2 Quickstart Tutorial 2017](https://medium.com/codingthesmartway-com-blog/vue-js-2-quickstart-tutorial-2017-246195cfbdd2)

by [Sebastian Eschweiler](https://medium.com/u/c840719f0a3e)

A tutorial on Vue.js — a progressive JavaScript framework that focuses on building user interfaces. The article starts by introducing how to use Vue.js followed by using Vue-cli to set up a new project and installing the Vue.js 2 library. Use of standard directives like v-for, v-model, v-text is explained along with the code. The article ends by giving a video tutorial that contains the steps described in the text.

[Vue.js 2 Quickstart Tutorial 2017](https://medium.com/codingthesmartway-com-blog/vue-js-2-quickstart-tutorial-2017-246195cfbdd2)

**28642 claps**

### 3. [Vue CLI 3.0 is here!](https://medium.com/the-vue-point/vue-cli-3-0-is-here-c42bebe28fbb)

by [Evan You](https://medium.com/u/4f198f5f1f12)

An informative read on the release of Vue CLI 3.0 and all the rich built-in features that comes with it. Vue CLI 3 comes with full GUI that not only can create new projects, but also manage the plugins and tasks inside the projects. Vue CLI 3 is a great standard build tool behind Vue applications. To make it a future success, Vue CLI should incorporate best practices from both the present and the future into the toolchain.

[Vue CLI 3.0 is here!](https://medium.com/the-vue-point/vue-cli-3-0-is-here-c42bebe28fbb)

**19461 claps**

### 4. [10 Things You Will Eventually Learn About JavaScript Projects](https://blog.usejournal.com/10-things-you-will-eventually-learn-about-javascript-projects-efd7646b958a)

by [The Cat with a Dragon Tattoo](https://medium.com/u/26f88340efe7)

10 most vital things about JavaScript projects that are based on personal experience of the author after going through projects with jQuery, require.js, Angular_s_, React, ExtJs, and may other. The article will be of great help for people coming from the different background. These 10 points are really great thoughts to summarize development and learning process.

[10 Things You Will Eventually Learn About JavaScript Projects](https://blog.usejournal.com/10-things-you-will-eventually-learn-about-javascript-projects-efd7646b958a)

**13317 claps**

### 5. [Vue.js: the good, the meh, and the ugly](https://medium.com/@Pier/vue-js-the-good-the-meh-and-the-ugly-82800bbe6684)

by [Pier Bover](https://medium.com/u/82ad2d03891d)

Its an article that tells the good, the meh, and the ugly about Vue.js. The author is writing these features after 2 years of his move from React to Vue. Though Vue adoption is increasing it’s still far away from React. The author considers his move from React to Vue as positive. Not because Vue is better, but because it is a better fit for his work.

[Vue.js: the good, the meh, and the ugly](https://medium.com/@Pier/vue-js-the-good-the-meh-and-the-ugly-82800bbe6684)

**9273 claps**

### 6. [Vue 2 + Firebase: How to build a Vue app with Firebase authentication system in 15 minutes](https://medium.com/@anas.mammeri/vue-2-firebase-how-to-build-a-vue-app-with-firebase-authentication-system-in-15-minutes-fdce6f289c3c)

by [Anas Mammeri](https://medium.com/u/7acba3a309af)

A tutorial on how to quickly build a web application with an authentication system using Vue 2, Vue-router and Firebase. The article has step by step guide that demonstrates how to build a small Vue app using Firebase authentication system.

[Vue 2 + Firebase: How to build a Vue app with Firebase authentication system in 15 minutes](https://medium.com/@anas.mammeri/vue-2-firebase-how-to-build-a-vue-app-with-firebase-authentication-system-in-15-minutes-fdce6f289c3c)

8744 claps

### 7. [The Vue Handbook: a thorough introduction to Vue.js](https://medium.freecodecamp.org/the-vue-handbook-a-thorough-introduction-to-vue-js-1e86835d8446)

by [Flavio Copes](https://medium.com/u/fe1c14f6cde)

A handbook on Vue.js that gives you a thorough introduction about Vue.js. The table of contents has everything that tells why Vue.js is popular and different from all the other JavaScript front-end frameworks and view libraries.

[The Vue Handbook: a thorough introduction to Vue.js](https://medium.freecodecamp.org/the-vue-handbook-a-thorough-introduction-to-vue-js-1e86835d8446)

8086 claps

### 8. [What’s new in Vue Devtools 4.0](https://medium.com/the-vue-point/whats-new-in-vue-devtools-4-0-9361e75e05d0)

by [Guillaume CHAU](https://medium.com/u/9bafe4e8ffdd)

A big update on Vue devtools was released at the start of the year 2018. This article elaborates what new features and improvements are included in Vue devtools 4.0. Every section has code along with a video that helps in understanding the new features.

[What’s new in Vue Devtools 4.0](https://medium.com/the-vue-point/whats-new-in-vue-devtools-4-0-9361e75e05d0)

**7300 claps**

### 9. [Client-side vs. server-side rendering: why it’s not all black and white](https://medium.freecodecamp.org/what-exactly-is-client-side-rendering-and-hows-it-different-from-server-side-rendering-bd5c786b340d)

by [Juan Vega](https://medium.com/u/a1568f71149)

An article that describes the main differences between server-side and client-side rendering followed by there pros and cons. These details are helpful for developers in deciding which option is best for there website or application.

[Client-side vs. server-side rendering: why it’s not all black and white](https://medium.freecodecamp.org/what-exactly-is-client-side-rendering-and-hows-it-different-from-server-side-rendering-bd5c786b340d)

**7286 claps**

### 10. [A progressive Web application with Vue JS, Webpack & Material Design [Part 1]](https://blog.sicara.com/a-progressive-web-application-with-vue-js-webpack-material-design-part-1-c243e2e6e402)

by [Charles Bochet](https://medium.com/u/5335850fa9a5)

The aim of this tutorial is to create a basic but complete progressive web application (PWA) with VueJS and Webpack, from scratch. The application will meet all the requirements like progressive, responsive, connectivity independent, etc.

[A progressive Web application with Vue JS, Webpack & Material Design [Part 1]](https://blog.sicara.com/a-progressive-web-application-with-vue-js-webpack-material-design-part-1-c243e2e6e402)

**5459 claps**

### 11. [How not to Vue](https://itnext.io/how-not-to-vue-18f16fe620b5)

by [Anton Kosykh](https://medium.com/u/7d8e23d71c9d)

A list of things you must avoid in Vue.js applications. Points mentioned in the article will really help you to understand the Vue.js framework better. The list mentioned in the article can be infinite but it’s enough to give you a fair idea of mistakes that Vue.js developers do.

[How not to Vue](https://itnext.io/how-not-to-vue-18f16fe620b5)

**5371 Claps**

### 12. [Five things I learned building a Saas App with Vue.js](https://hackernoon.com/five-things-i-learned-building-a-saas-app-with-vue-js-90b6a5acd275)

by [Tim Nolet 👨🏻‍🚀](https://medium.com/u/fda33a4187b4)

The writer writes five things he learned about Vue.js while developing a SAAS app called Checkly. A check is a tool for IT Ops and Developer people. The visual design of the app in the article is really impressive.

[Five things I learned building a Saas App with Vue.js](https://hackernoon.com/five-things-i-learned-building-a-saas-app-with-vue-js-90b6a5acd275)

**4731 claps**

### 13. [Large-scale Vuex application structures](https://medium.com/3yourmind/large-scale-vuex-application-structures-651e44863e2f)

by [Carolina Fonseca](https://medium.com/u/29309936d6fe)

When writing large-scale applications, managing the state of the frontend is very hard. In Vue.js apps, for instance, there is a Vuex plugin that makes state management very easy. This article explains the Vuex plugin

[Large-scale Vuex application structures](https://medium.com/3yourmind/large-scale-vuex-application-structures-651e44863e2f)

**4678 claps**

### 14. [A Vue.js introduction for people who know just enough jQuery to get](https://medium.freecodecamp.org/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77)

by [Matt Rothenberg](https://medium.com/u/2ed8b724390a)

An article that focuses on showing the ins-and-outs of Vue. The writer uses the CodePen to build “Compose Tweet” component. CodePen is an online HTML/CSS/JavaScript editor similar to JSBin or JSFiddle.

[A Vue.js introduction for people who know just enough jQuery to get by](https://medium.freecodecamp.org/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77)

**4572 claps**

### 15. [Vue.js 2 Quickstart Tutorial 2017](https://medium.com/codingthesmartway-com-blog/vue-js-2-quickstart-tutorial-2017-246195cfbdd2)

by [Sebastian Eschweiler](https://medium.com/u/c840719f0a3e)

A tutorial on Vue.js — a progressive JavaScript framework that focuses on building user interfaces. The article starts by introducing how to use Vue.js followed by using Vue-cli to set up a new project and installing the Vue.js 2 library. Use of standard directives like v-for, v-model, v-text is explained along with code. The article ends by giving a video tutorial that contains the steps described in the text.

[Vue.js 2 Quickstart Tutorial 2017](https://medium.com/codingthesmartway-com-blog/vue-js-2-quickstart-tutorial-2017-246195cfbdd2)

4474 claps

### 16. [The Best Explanation of JavaScript Reactivity 🎆](https://medium.com/vue-mastery/the-best-explanation-of-javascript-reactivity-fea6112dd80d)

by [Greg Pollock](https://medium.com/u/6adf2e9afaac)

An article along with a video that demonstrates how to build the same sort of Reactivity we see in the Vue source code. By understanding what reactivity is and how it works, you can improve your development skills and more effectively use JavaScript frameworks.

[The Best Explanation of JavaScript Reactivity 🎆](https://medium.com/vue-mastery/the-best-explanation-of-javascript-reactivity-fea6112dd80d)

4315 claps

### 17. [Doing Vue after three years with React](https://medium.com/@omm2/doing-vue-after-three-years-with-react-3d36d53abbd6)

by [Anya Pavlova](https://medium.com/u/4237df664e3e)

An article having just a number of observations that the writer found most significant while transitioning from React to Vue. This article is helpful for people who are dealing with both Vue and React.

[Doing Vue after three years with React](https://medium.com/@omm2/doing-vue-after-three-years-with-react-3d36d53abbd6)

3650 claps

### 18. [Structuring a Vue project — Authentication](https://medium.com/@zitko/structuring-a-vue-project-authentication-87032e5bfe16)

by [Boris Savic](https://medium.com/u/c0c3b06c3ceb)

This article is about building a simple project that handles authentication and prepares basic scaffolding to use when building the rest of the app. The component used Vue.js 2.5 and Vue-CLI, Vuex 3.0, Axios 0.18 and Vue Router 3.0.

[Structuring a Vue project — Authentication](https://medium.com/@zitko/structuring-a-vue-project-authentication-87032e5bfe16)

2746 claps

### 19. [7 Ways To Define A Component Template in VueJS](https://medium.com/js-dojo/7-ways-to-define-a-component-template-in-vuejs-c04e0c72900d)

by [Anthony Gore](https://medium.com/u/c01404998660)

This article explains with examples six different ways of defining component templates in Vue and address the pros and cons, so you know which one is the best to use in any particular situation.

[7 Ways To Define A Component Template in VueJS](https://medium.com/js-dojo/7-ways-to-define-a-component-template-in-vuejs-c04e0c72900d)

2383 claps

### 20. [Vuex getters are great, but don’t overuse them](https://codeburst.io/vuex-getters-are-great-but-dont-overuse-them-9c946689b414)

by [Anya Pavlova](https://medium.com/u/4237df664e3e)

An article that talks about Vuex and its getters. The author tried to figure out what Vuex getters are good for and how they work under the hood.

[Vuex getters are great, but don’t overuse them](https://codeburst.io/vuex-getters-are-great-but-dont-overuse-them-9c946689b414)

2248 claps

### 21. [Vue + Vuex — Getting started](https://medium.com/wdstack/vue-vuex-getting-started-f78c03d9f65)

by [WD Stack](https://medium.com/u/5c1a72ec9b53)

An article that with the help of a simple example explains how managing state can be efficient in both Vuex and Vue framework.

[Vue + Vuex — Getting started](https://medium.com/wdstack/vue-vuex-getting-started-f78c03d9f65)

1917 claps

### 22. [Using Vue, Vuex, Vue Router with Laravel](https://medium.com/js-dojo/using-vue-vuex-vue-router-with-laravel-2c0962c97416)

by [Jyoti Duwal](https://medium.com/u/d8eb14166917)

An article that explains setting up front-end of an e-commerce site using Vue and [Laravel](https://laravel.com/) to handle the back-end. the article also highlights Components, Vuex, and Vue Router.

[Using Vue, Vuex, Vue Router with Laravel](https://medium.com/js-dojo/using-vue-vuex-vue-router-with-laravel-2c0962c97416)

1811 claps

### 23. [CRUD App using Vue.js and Django](https://medium.com/quick-code/crud-app-using-vue-js-and-django-516edf4e4217)

by [Shubham Bansal](https://medium.com/u/988035b9593c)

A tutorial that illustrates how to make a simple CRUD application using Vue.js 2.x and Django 2.0.2. Vue.js is a progressive framework for building user interfaces while Django is a high-level python Development framework that encourages rapid Development.

[CRUD App using Vue.js and Django](https://medium.com/quick-code/crud-app-using-vue-js-and-django-516edf4e4217)

1642 claps

### 24. [API Authentication in Laravel-Vue SPA using Jwt-auth](https://codeburst.io/api-authentication-in-laravel-vue-spa-using-jwt-auth-d8251b3632e0)

by [Olu Udeh](https://medium.com/u/7a15817ed70b)

A tutorial that takes you through the process of providing authentication for Vue Single Page Application (SPA) to be able to access API endpoints in laravel requiring authentication.

[API Authentication in Laravel-Vue SPA using Jwt-auth](https://codeburst.io/api-authentication-in-laravel-vue-spa-using-jwt-auth-d8251b3632e0)

1579 claps

### 25. [Building a movie app interface with Vue.js](https://hackernoon.com/building-a-movie-app-interface-with-vue-js-cdc8aeb5db0b)

by [Hassan Djirdeh](https://medium.com/u/3b9c415b4a8c)

This post highlights how to build a Netflix styled movie streaming interface, with Vue.js 2.0.

[Building a movie app interface with Vue.js](https://hackernoon.com/building-a-movie-app-interface-with-vue-js-cdc8aeb5db0b)

**1539 claps**

### 26. [Type Vue without TypeScript](https://blog.usejournal.com/type-vue-without-typescript-b2b49210f0b)

by [Rahul Kadyan](https://medium.com/u/6d65d2ce79f8)

This is a practical guide for type checking Vue components written in JS and getting things done. A helpful article for users on how to use Typescript in their projects.

[Type Vue without TypeScript](https://blog.usejournal.com/type-vue-without-typescript-b2b49210f0b)

1403 claps

### 27. [How to add Bootstrap 4 to your Vue project](https://medium.com/@BjornKrols/integrating-and-customising-bootstrap-4-in-vue-js-cbc29ba7688e)

by [Bjorn](https://medium.com/u/3639fef1b942)

A tutorial that covers how to add Bootstrap 4 (with customizations) to any Vue.js project. This tutorial focuses at Webpack users and targets version 4 of Bootstrap.

[How to add Bootstrap 4 to your Vue project](https://medium.com/@BjornKrols/integrating-and-customising-bootstrap-4-in-vue-js-cbc29ba7688e)

1329 claps

### 28. [Multiple Layouts for VueJS Single Page Apps](https://medium.com/@kasvith/multiple-layouts-for-vue-spa-app-fafda6b2bfc7)

by [Kasun Vithanage](https://medium.com/u/a8e4cf7d39a1)

A tutorial that uses VuetifyJS to style an application and for easy setup. The article addresses a common problem that a Single Page App needs Multiple Layouts to display views.

[Multiple Layouts for VueJS Single Page Apps](https://medium.com/@kasvith/multiple-layouts-for-vue-spa-app-fafda6b2bfc7)

1172 claps

### [29 . From Zero to Hero with Vue — But first, why Vue?](https://medium.freecodecamp.org/from-zero-to-hero-with-vue-why-vue-8c7e981b494)

by [Indrek Lasn](https://medium.com/u/ce572601b7e)

An article that tells What is Vue.js? Has Vue passed React in popularity yet, Why to use Vue?. The author tries to convince readers to give Vue a try.

[From Zero to Hero with Vue - But first, why Vue?](https://medium.freecodecamp.org/from-zero-to-hero-with-vue-why-vue-8c7e981b494)

**1043 claps**

### 30. [Hybrid Platform Setup: Cordova + Vue + WebPack](https://itnext.io/make-hybrid-platform-cordova-vue-webpack-2fb7031c4f9b)

by [Alistair MacDonald](https://medium.com/u/eaebd99ff545)

A step by step guide that outlines the process of setting up a development platform on which you can build Hybrid Mobile apps.

[Hybrid Platform Setup: Cordova + Vue + WebPack](https://itnext.io/make-hybrid-platform-cordova-vue-webpack-2fb7031c4f9b)

1019 claps

### 31. [Vuex and Typescript](https://codeburst.io/vuex-and-typescript-3427ba78cfa8)

by [Francesco Vitullo](https://medium.com/u/759ea2d43641)

An article that shows a basic approach on how to integrate Vuex within a Vue application with a Typescript codebase without diving deeply into Typescript.

[Vuex and Typescript](https://codeburst.io/vuex-and-typescript-3427ba78cfa8)

966 claps

### 32. [Role Based Authentication using Vue.js 2](https://medium.com/@manojkumar_88220/role-based-authentication-using-vue-js-2-f54e18498019)

by [Manoj Kumar S](https://medium.com/u/51484e79b374)

An article that illustrates how to introduce role based authentication in any application using Vue.js 2.

[Role Based Authentication using Vue.js 2](https://medium.com/@manojkumar_88220/role-based-authentication-using-vue-js-2-f54e18498019)

928 claps

### 33. [Starter template for a MEVN ( MongoDB, ExpressJs, VueJs v2, NodeJs ) Stack Application. ( Part 1 )](https://medium.com/coding-vault/starter-template-for-a-mevn-mongodb-expressjs-vuejs-v2-nodejs-stack-application-part-1-62820aeb2a06)

by [Can Mehmet](https://medium.com/u/e1b9637a4ebe)

A tutorial on MEVAN (MongoDB, ExpressJs, VueJs v2, NodeJs ) Stack Application. This is first part of the series that demonstrates how to build initial frontend and backend skeleton.

[Starter template for a MEVN ( MongoDB, ExpressJs, VueJs v2, NodeJs ) Stack Application. ( Part 1 )](https://medium.com/coding-vault/starter-template-for-a-mevn-mongodb-expressjs-vuejs-v2-nodejs-stack-application-part-1-62820aeb2a06)

918 claps

### 35. [Vue.js 2 State Management With Vuex — Introduction](https://medium.com/codingthesmartway-com-blog/vue-js-2-state-management-with-vuex-introduction-db26cb495113)

by [Sebastian Eschweiler](https://medium.com/u/c840719f0a3e)

This tutorial gives a basic overview about the centralized state management concept and demonstrates how to apply Vuex in your application.

[Vue.js 2 State Management With Vuex — Introduction](https://medium.com/codingthesmartway-com-blog/vue-js-2-state-management-with-vuex-introduction-db26cb495113)

**907 claps**

### 36. [How Vue-Cli 3 Will Shape Our Future](https://medium.com/vuetify/how-vue-cli-3-will-shape-our-future-eb7c01f4a241)

by [Mauro Perez](https://medium.com/u/979571916508)

The author was in charge of the Vuetify templates made under vue-cli 2.x, and he also made vue-cli-plugin-vuetify for the new vue-cli 3. Based on that experience author share his thoughts on how the new vue-cli will forever change the way we all develop with Vue.

[How Vue-Cli 3 Will Shape Our Future](https://medium.com/vuetify/how-vue-cli-3-will-shape-our-future-eb7c01f4a241)

800 claps

### 37. [Vue.js Routing With vue-router](https://medium.com/codingthesmartway-com-blog/vue-js-routing-with-vue-router-4c428fabb078)

by [Sebastian Eschweiler](https://medium.com/u/c840719f0a3e)

This article demonstrates how we can use the Vue core package vue-router to implement routing in a web application.

[Vue.js Routing With vue-router](https://medium.com/codingthesmartway-com-blog/vue-js-routing-with-vue-router-4c428fabb078)

746 claps

### 38. [A highly customisable CRUD component using VueJS and Vuetify](https://codeburst.io/vue-crud-x-a-highly-customisable-crud-component-using-vuejs-and-vuetify-2b1539ce2054)

by [aaron gong](https://medium.com/u/b8e29cfa349)

An article on[vue-crud-x](https://github.com/ais-one/vue-crud-x) (a highly customisable CRUD component). As you read you will learn unique features and design philosophies that makes vue-crud-x stand out from the others.

[A highly customisable CRUD component using VueJS and Vuetify](https://codeburst.io/vue-crud-x-a-highly-customisable-crud-component-using-vuejs-and-vuetify-2b1539ce2054)

659 claps

### 39. [Vue 2 props and emit — parent to child](https://medium.com/@sky790312/about-vue-2-parent-to-child-props-af3b5bb59829)

by [Kevin Hu](https://medium.com/u/c9a86dc93034)

A small article that illustrates how to pass and events between parents and child in Vue.

[Vue 2 props and emit - parent to child](https://medium.com/@sky790312/about-vue-2-parent-to-child-props-af3b5bb59829)

600 claps

### 40. [Using GraphQL Mutations in Vue.js](https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf)

by [Daniel Madalitso Phiri](https://medium.com/u/8a863fb06182)

A tutorial that is continuation of a previous tutorial and author now digs deeper into different Vue and GraphQL concepts. There are some more functionality added to the app (created in previous tutorial) and details are explained.

[Using GraphQL Mutations in Vue.js](https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf)

480 claps

### 41. [Laravel API + Vue SPA Authentication](https://medium.com/carbono/laravel-api-vue-spa-authentication-354dbd9ef1b0)

by [Cesar Santana](https://medium.com/u/5948c58bd867)

A tutorial that explains how to implement a concept of authentication a Client in Single Page Apps (SPA) using an access token (OAuth 2.0).

[Laravel API + Vue SPA Authentication](https://medium.com/carbono/laravel-api-vue-spa-authentication-354dbd9ef1b0)

437 claps

### 42. [Dynamic Modules with Vuex and Vue](https://codeburst.io/dynamic-modules-with-vuex-and-vue-b9c481ca792)

by [Francesco Vitullo](https://medium.com/u/759ea2d43641)

The author share his thoughts regarding the creation of modules with a Vuex’ store.

[Dynamic Modules with Vuex and Vue](https://codeburst.io/dynamic-modules-with-vuex-and-vue-b9c481ca792)

410 claps

### 43. [Getting Your Company To Switch To Vue](https://medium.com/js-dojo/getting-your-company-to-switch-to-vue-6717495cf41b)

by [Anthony Gore](https://medium.com/u/c01404998660)

In this article, you will get some compelling arguments that you can use to convince certain decision makers in your company to give Vue a try.

[Getting Your Company To Switch To Vue](https://medium.com/js-dojo/getting-your-company-to-switch-to-vue-6717495cf41b)

381 claps

### 44. [Deploy Vue.js — SSR(Vuetify) on Production with Pm2 and Nginx.](https://medium.com/@kamerk22/deploy-vue-js-ssr-vuetify-on-production-with-pm2-and-nginx-ec7b5c0748a3)

by [KashYap Merai](https://medium.com/u/89c1444e5eac)

An article that show you how to deploy a production ready Vue.js — SSR (Vuetify) Application, using Pm2 (production process manager) for Node.JS and Nginx for reverse — proxy.

[Deploy Vue.js — SSR(Vuetify) on Production with Pm2 and Nginx.](https://medium.com/@kamerk22/deploy-vue-js-ssr-vuetify-on-production-with-pm2-and-nginx-ec7b5c0748a3)

360 claps

### 45. [Using GraphQL Mutations in Vue.js](https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf)

by [Daniel Madalitso Phiri](https://medium.com/u/8a863fb06182)

A tutorial that is continuation of a previous tutorial and author now digs deeper into different Vue and GraphQL concepts. There are some more functionality added to the app (created in previous tutorial) and details are explained.

[Using GraphQL Mutations in Vue.js](https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf)

190 claps

### 46. [Vue x Hasura GraphQL](https://medium.com/@malgamves/vue-x-hasura-graphql-d66f585a3ba5)

by [Daniel Madalitso Phiri](https://medium.com/u/8a863fb06182)

In this article a web app is created whose frontend is designed using Vue.js while the backend with Hasura which offers real-time GraphQL for Postgres databases.

[Vue x Hasura GraphQL](https://medium.com/@malgamves/vue-x-hasura-graphql-d66f585a3ba5)

189 claps

### 47. [5+ Best Vue.JS Admin Template 2018](https://medium.com/@jeweltheme/best-vue-js-admin-template-90456fcf833d)

by [Jewel Theme](https://medium.com/u/249279afef49)

In this article you will explore 9 best admin dashboard templates based on most growing up web technology i.e Vue.js.

[5+ Best Vue.JS Admin Template 2018](https://medium.com/@jeweltheme/best-vue-js-admin-template-90456fcf833d)

186 claps

### 48. [Best Code Editor for Vue.js](https://medium.com/vue-mastery/best-code-editor-for-vue-js-8b0d9cca6be)

by [Adam Jahr](https://medium.com/u/b95265420612)

This article is for developers who are interested in using VS Code for Vue development, you can follow the article to see how to optimize VS Code.

[Best Code Editor for Vue.js](https://medium.com/vue-mastery/best-code-editor-for-vue-js-8b0d9cca6be)

181 claps

### 49. [Integrating Vue.js 2.0 to .NET MVC5 Project](https://medium.com/@hyounoosung/integrating-vue-js-2-0-to-net-mvc5-project-f97eb5a5b3ad)

by [Hyounoo Sung](https://medium.com/u/1021c360f53e)

This article is about how to integrate Vue.js 2.0 to .NET MVC5 Project. The article starts by creation of an ASP.NET web application project followed by Vue webpack bundle initialization.

[Integrating Vue.js 2.0 to .NET MVC5 Project](https://medium.com/@hyounoosung/integrating-vue-js-2-0-to-net-mvc5-project-f97eb5a5b3ad)

165 claps

### 50. [Vue[.js] from the six](https://medium.com/decathlondevelopers/vue-js-from-the-six-38bc7be3d958)

by [Amrit Kahlon](https://medium.com/u/a7622182a51c)

This article gives a brief summary of VueConf that is held in Toronto. You will get to know about latest development in Vue, specially the new coming Vue 3.0.

[Vue[.js] from the six](https://medium.com/decathlondevelopers/vue-js-from-the-six-38bc7be3d958)

112 claps

Afraid of using a framework with potentially no plan for the future?

[Plans for the Next Iteration of Vue.js](https://medium.com/the-vue-point/plans-for-the-next-iteration-of-vue-js-777ffea6fabf)

Read this post by the founder of the Vue.js Evan You, on where the project is going, and you’ll rest assured that Vue is the framework to use in 2019

Happy Coding 🤓

### Learn Vue.js from Top 50 Articles for the Past Year

It’s been an amazing year for Vue.js as shown in the State of Vue Report.

![](https://cdn-images-1.medium.com/max/800/1*jmSMYF4stuRzQcU3jfW9RA.png)<figcaption>From Naturaily Vue 2018 Blog</figcaption>

You can request a copy of the official report below.

[State of Vue.js · Monterail](https://www.monterail.com/state-of-vuejs-report)

2019 is a great time to be a developer, similarly an amazing time to be getting started with Vue.js. Here is a list of 50 articles that made waves and proved themselves as crowd favorites, hopefully, they can help you get up and started with building using Vue.js

### 1. [I created the exact same app in React and Vue. Here are the differences.](https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd)

by [Sunil Sandhu](https://medium.com/u/a7b125868703)

An article with 50k Claps that very well explains how different React is from Vue. The difference between the two frameworks was explained by building a fairly standard To Do App that allows a user to add and delete items from the list. By going through the article you get to know CSS difference, how to mutate data (change the date stored), create To Do items, delete items from a list in both Vue and React. Every section has code that helps to serve how both frameworks handle stuff

[I created the exact same app in React and Vue. Here are the differences.](https://medium.com/javascript-in-plain-english/i-created-the-exact-same-app-in-react-and-vue-here-are-the-differences-e9a1ae8077fd)

**50325 claps**

### 2. [Vue.js 2 Quickstart Tutorial 2017](https://medium.com/codingthesmartway-com-blog/vue-js-2-quickstart-tutorial-2017-246195cfbdd2)

by [Sebastian Eschweiler](https://medium.com/u/c840719f0a3e)

A tutorial on Vue.js — a progressive JavaScript framework that focuses on building user interfaces. The article starts by introducing how to use Vue.js followed by using Vue-cli to set up a new project and installing the Vue.js 2 library. Use of standard directives like v-for, v-model, v-text is explained along with the code. The article ends by giving a video tutorial that contains the steps described in the text.

[Vue.js 2 Quickstart Tutorial 2017](https://medium.com/codingthesmartway-com-blog/vue-js-2-quickstart-tutorial-2017-246195cfbdd2)

**28642 claps**

### 3. [Vue CLI 3.0 is here!](https://medium.com/the-vue-point/vue-cli-3-0-is-here-c42bebe28fbb)

by [Evan You](https://medium.com/u/4f198f5f1f12)

An informative read on the release of Vue CLI 3.0 and all the rich built-in features that comes with it. Vue CLI 3 comes with full GUI that not only can create new projects, but also manage the plugins and tasks inside the projects. Vue CLI 3 is a great standard build tool behind Vue applications. To make it a future success, Vue CLI should incorporate best practices from both the present and the future into the toolchain.

[Vue CLI 3.0 is here!](https://medium.com/the-vue-point/vue-cli-3-0-is-here-c42bebe28fbb)

**19461 claps**

### 4. [10 Things You Will Eventually Learn About JavaScript Projects](https://blog.usejournal.com/10-things-you-will-eventually-learn-about-javascript-projects-efd7646b958a)

by [The Cat with a Dragon Tattoo](https://medium.com/u/26f88340efe7)

10 most vital things about JavaScript projects that are based on personal experience of the author after going through projects with jQuery, require.js, Angular_s_, React, ExtJs, and may other. The article will be of great help for people coming from the different background. These 10 points are really great thoughts to summarize development and learning process.

[10 Things You Will Eventually Learn About JavaScript Projects](https://blog.usejournal.com/10-things-you-will-eventually-learn-about-javascript-projects-efd7646b958a)

**13317 claps**

### 5. [Vue.js: the good, the meh, and the ugly](https://medium.com/@Pier/vue-js-the-good-the-meh-and-the-ugly-82800bbe6684)

by [Pier Bover](https://medium.com/u/82ad2d03891d)

Its an article that tells the good, the meh, and the ugly about Vue.js. The author is writing these features after 2 years of his move from React to Vue. Though Vue adoption is increasing it’s still far away from React. The author considers his move from React to Vue as positive. Not because Vue is better, but because it is a better fit for his work.

[Vue.js: the good, the meh, and the ugly](https://medium.com/@Pier/vue-js-the-good-the-meh-and-the-ugly-82800bbe6684)

**9273 claps**

### 6. [Vue 2 + Firebase: How to build a Vue app with Firebase authentication system in 15 minutes](https://medium.com/@anas.mammeri/vue-2-firebase-how-to-build-a-vue-app-with-firebase-authentication-system-in-15-minutes-fdce6f289c3c)

by [Anas Mammeri](https://medium.com/u/7acba3a309af)

A tutorial on how to quickly build a web application with an authentication system using Vue 2, Vue-router and Firebase. The article has step by step guide that demonstrates how to build a small Vue app using Firebase authentication system.

[Vue 2 + Firebase: How to build a Vue app with Firebase authentication system in 15 minutes](https://medium.com/@anas.mammeri/vue-2-firebase-how-to-build-a-vue-app-with-firebase-authentication-system-in-15-minutes-fdce6f289c3c)

8744 claps

### 7. [The Vue Handbook: a thorough introduction to Vue.js](https://medium.freecodecamp.org/the-vue-handbook-a-thorough-introduction-to-vue-js-1e86835d8446)

by [Flavio Copes](https://medium.com/u/fe1c14f6cde)

A handbook on Vue.js that gives you a thorough introduction about Vue.js. The table of contents has everything that tells why Vue.js is popular and different from all the other JavaScript front-end frameworks and view libraries.

[The Vue Handbook: a thorough introduction to Vue.js](https://medium.freecodecamp.org/the-vue-handbook-a-thorough-introduction-to-vue-js-1e86835d8446)

8086 claps

### 8. [What’s new in Vue Devtools 4.0](https://medium.com/the-vue-point/whats-new-in-vue-devtools-4-0-9361e75e05d0)

by [Guillaume CHAU](https://medium.com/u/9bafe4e8ffdd)

A big update on Vue devtools was released at the start of the year 2018. This article elaborates what new features and improvements are included in Vue devtools 4.0. Every section has code along with a video that helps in understanding the new features.

[What’s new in Vue Devtools 4.0](https://medium.com/the-vue-point/whats-new-in-vue-devtools-4-0-9361e75e05d0)

**7300 claps**

### 9. [Client-side vs. server-side rendering: why it’s not all black and white](https://medium.freecodecamp.org/what-exactly-is-client-side-rendering-and-hows-it-different-from-server-side-rendering-bd5c786b340d)

by [Juan Vega](https://medium.com/u/a1568f71149)

An article that describes the main differences between server-side and client-side rendering followed by there pros and cons. These details are helpful for developers in deciding which option is best for there website or application.

[Client-side vs. server-side rendering: why it’s not all black and white](https://medium.freecodecamp.org/what-exactly-is-client-side-rendering-and-hows-it-different-from-server-side-rendering-bd5c786b340d)

**7286 claps**

### 10. [A progressive Web application with Vue JS, Webpack & Material Design [Part 1]](https://blog.sicara.com/a-progressive-web-application-with-vue-js-webpack-material-design-part-1-c243e2e6e402)

by [Charles Bochet](https://medium.com/u/5335850fa9a5)

The aim of this tutorial is to create a basic but complete progressive web application (PWA) with VueJS and Webpack, from scratch. The application will meet all the requirements like progressive, responsive, connectivity independent, etc.

[A progressive Web application with Vue JS, Webpack & Material Design [Part 1]](https://blog.sicara.com/a-progressive-web-application-with-vue-js-webpack-material-design-part-1-c243e2e6e402)

**5459 claps**

### 11. [How not to Vue](https://itnext.io/how-not-to-vue-18f16fe620b5)

by [Anton Kosykh](https://medium.com/u/7d8e23d71c9d)

A list of things you must avoid in Vue.js applications. Points mentioned in the article will really help you to understand the Vue.js framework better. The list mentioned in the article can be infinite but it’s enough to give you a fair idea of mistakes that Vue.js developers do.

[How not to Vue](https://itnext.io/how-not-to-vue-18f16fe620b5)

**5371 Claps**

### 12. [Five things I learned building a Saas App with Vue.js](https://hackernoon.com/five-things-i-learned-building-a-saas-app-with-vue-js-90b6a5acd275)

by [Tim Nolet 👨🏻‍🚀](https://medium.com/u/fda33a4187b4)

The writer writes five things he learned about Vue.js while developing a SAAS app called Checkly. A check is a tool for IT Ops and Developer people. The visual design of the app in the article is really impressive.

[Five things I learned building a Saas App with Vue.js](https://hackernoon.com/five-things-i-learned-building-a-saas-app-with-vue-js-90b6a5acd275)

**4731 claps**

### 13. [Large-scale Vuex application structures](https://medium.com/3yourmind/large-scale-vuex-application-structures-651e44863e2f)

by [Carolina Fonseca](https://medium.com/u/29309936d6fe)

When writing large-scale applications, managing the state of the frontend is very hard. In Vue.js apps, for instance, there is a Vuex plugin that makes state management very easy. This article explains the Vuex plugin

[Large-scale Vuex application structures](https://medium.com/3yourmind/large-scale-vuex-application-structures-651e44863e2f)

**4678 claps**

### 14. [A Vue.js introduction for people who know just enough jQuery to get](https://medium.freecodecamp.org/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77)

by [Matt Rothenberg](https://medium.com/u/2ed8b724390a)

An article that focuses on showing the ins-and-outs of Vue. The writer uses the CodePen to build “Compose Tweet” component. CodePen is an online HTML/CSS/JavaScript editor similar to JSBin or JSFiddle.

[A Vue.js introduction for people who know just enough jQuery to get by](https://medium.freecodecamp.org/vue-js-introduction-for-people-who-know-just-enough-jquery-to-get-by-eab5aa193d77)

**4572 claps**

### 15. [Vue.js 2 Quickstart Tutorial 2017](https://medium.com/codingthesmartway-com-blog/vue-js-2-quickstart-tutorial-2017-246195cfbdd2)

by [Sebastian Eschweiler](https://medium.com/u/c840719f0a3e)

A tutorial on Vue.js — a progressive JavaScript framework that focuses on building user interfaces. The article starts by introducing how to use Vue.js followed by using Vue-cli to set up a new project and installing the Vue.js 2 library. Use of standard directives like v-for, v-model, v-text is explained along with code. The article ends by giving a video tutorial that contains the steps described in the text.

[Vue.js 2 Quickstart Tutorial 2017](https://medium.com/codingthesmartway-com-blog/vue-js-2-quickstart-tutorial-2017-246195cfbdd2)

4474 claps

### 16. [The Best Explanation of JavaScript Reactivity 🎆](https://medium.com/vue-mastery/the-best-explanation-of-javascript-reactivity-fea6112dd80d)

by [Greg Pollock](https://medium.com/u/6adf2e9afaac)

An article along with a video that demonstrates how to build the same sort of Reactivity we see in the Vue source code. By understanding what reactivity is and how it works, you can improve your development skills and more effectively use JavaScript frameworks.

[The Best Explanation of JavaScript Reactivity 🎆](https://medium.com/vue-mastery/the-best-explanation-of-javascript-reactivity-fea6112dd80d)

4315 claps

### 17. [Doing Vue after three years with React](https://medium.com/@omm2/doing-vue-after-three-years-with-react-3d36d53abbd6)

by [Anya Pavlova](https://medium.com/u/4237df664e3e)

An article having just a number of observations that the writer found most significant while transitioning from React to Vue. This article is helpful for people who are dealing with both Vue and React.

[Doing Vue after three years with React](https://medium.com/@omm2/doing-vue-after-three-years-with-react-3d36d53abbd6)

3650 claps

### 18. 5 Tools for faster development in Vue.js

By [Jonathan Saring](https://medium.com/u/c9a6ef212193)

This article reviews useful tools to speed your development with Vue.js.

[5 Tools for Faster Vue.js App Development](https://blog.bitsrc.io/5-tools-for-faster-vue-js-app-development-ad7eda1ee6a8)

### 19. [Structuring a Vue project — Authentication](https://medium.com/@zitko/structuring-a-vue-project-authentication-87032e5bfe16)

by [Boris Savic](https://medium.com/u/c0c3b06c3ceb)

This article is about building a simple project that handles authentication and prepares basic scaffolding to use when building the rest of the app. The component used Vue.js 2.5 and Vue-CLI, Vuex 3.0, Axios 0.18 and Vue Router 3.0.

[Structuring a Vue project — Authentication](https://medium.com/@zitko/structuring-a-vue-project-authentication-87032e5bfe16)

2746 claps

### 20. [7 Ways To Define A Component Template in VueJS](https://medium.com/js-dojo/7-ways-to-define-a-component-template-in-vuejs-c04e0c72900d)

by [Anthony Gore](https://medium.com/u/c01404998660)

This article explains with examples 6 different ways of defining component templates in Vue and address the pros and cons so you know which one is the best to use in any particular situation.

[7 Ways To Define A Component Template in VueJS](https://medium.com/js-dojo/7-ways-to-define-a-component-template-in-vuejs-c04e0c72900d)

2383 claps

### 21. [Vuex getters are great, but don’t overuse them](https://codeburst.io/vuex-getters-are-great-but-dont-overuse-them-9c946689b414)

by [Anya Pavlova](https://medium.com/u/4237df664e3e)

An article that talks about Vuex and its getters. The author tried to figure out what Vuex getters are good for and how they work under the hood.

[Vuex getters are great, but don’t overuse them](https://codeburst.io/vuex-getters-are-great-but-dont-overuse-them-9c946689b414)

2248 claps

### 22. [Vue + Vuex — Getting started](https://medium.com/wdstack/vue-vuex-getting-started-f78c03d9f65)

by [WD Stack](https://medium.com/u/5c1a72ec9b53)

An article that with the help of a simple example explains how managing state can be efficient in both Vuex and Vue framework.

[Vue + Vuex — Getting started](https://medium.com/wdstack/vue-vuex-getting-started-f78c03d9f65)

1917 claps

### 23. [Using Vue, Vuex, Vue Router with Laravel](https://medium.com/js-dojo/using-vue-vuex-vue-router-with-laravel-2c0962c97416)

by [Jyoti Duwal](https://medium.com/u/d8eb14166917)

An article that explains setting up front-end of an e-commerce site using Vue and [Laravel](https://laravel.com/) to handle the back-end. the article also highlights Components, Vuex, and Vue Router.

[Using Vue, Vuex, Vue Router with Laravel](https://medium.com/js-dojo/using-vue-vuex-vue-router-with-laravel-2c0962c97416)

1811 claps

### 24. [CRUD App using Vue.js and Django](https://medium.com/quick-code/crud-app-using-vue-js-and-django-516edf4e4217)

by [Shubham Bansal](https://medium.com/u/988035b9593c)

A tutorial that illustrates how to make a simple CRUD application using Vue.js 2.x and Django 2.0.2. Vue.js is a progressive framework for building user interfaces while Django is a high-level python Development framework that encourages rapid Development.

[CRUD App using Vue.js and Django](https://medium.com/quick-code/crud-app-using-vue-js-and-django-516edf4e4217)

1642 claps

### 25. [API Authentication in Laravel-Vue SPA using Jwt-auth](https://codeburst.io/api-authentication-in-laravel-vue-spa-using-jwt-auth-d8251b3632e0)

by [Olu Udeh](https://medium.com/u/7a15817ed70b)

A tutorial that takes you through the process of providing authentication for Vue Single Page Application (SPA) to be able to access API endpoints in laravel requiring authentication.

[API Authentication in Laravel-Vue SPA using Jwt-auth](https://codeburst.io/api-authentication-in-laravel-vue-spa-using-jwt-auth-d8251b3632e0)

1579 claps

### 26. [Building a movie app interface with Vue.js](https://hackernoon.com/building-a-movie-app-interface-with-vue-js-cdc8aeb5db0b)

by [Hassan Djirdeh](https://medium.com/u/3b9c415b4a8c)

This post highlights how to build a Netflix styled movie streaming interface, with Vue.js 2.0.

[Building a movie app interface with Vue.js](https://hackernoon.com/building-a-movie-app-interface-with-vue-js-cdc8aeb5db0b)

**1539 claps**

### 27. [Type Vue without TypeScript](https://blog.usejournal.com/type-vue-without-typescript-b2b49210f0b)

by [Rahul Kadyan](https://medium.com/u/6d65d2ce79f8)

This is a practical guide for type checking Vue components written in JS and getting things done. A helpful article for users on how to use Typescript in their projects.

[Type Vue without TypeScript](https://blog.usejournal.com/type-vue-without-typescript-b2b49210f0b)

1403 claps

### 28. [How to add Bootstrap 4 to your Vue project](https://medium.com/@BjornKrols/integrating-and-customising-bootstrap-4-in-vue-js-cbc29ba7688e)

by [Bjorn](https://medium.com/u/3639fef1b942)

A tutorial that covers how to add Bootstrap 4 (with customizations) to any Vue.js project. This tutorial focuses at Webpack users and targets version 4 of Bootstrap.

[How to add Bootstrap 4 to your Vue project](https://medium.com/@BjornKrols/integrating-and-customising-bootstrap-4-in-vue-js-cbc29ba7688e)

1329 claps

### 29. [Multiple Layouts for VueJS Single Page Apps](https://medium.com/@kasvith/multiple-layouts-for-vue-spa-app-fafda6b2bfc7)

by [Kasun Vithanage](https://medium.com/u/a8e4cf7d39a1)

A tutorial that uses VuetifyJS to style an application and for easy setup. The article addresses a common problem that a Single Page App needs Multiple Layouts to display views.

[Multiple Layouts for VueJS Single Page Apps](https://medium.com/@kasvith/multiple-layouts-for-vue-spa-app-fafda6b2bfc7)

1172 claps

### [30. From Zero to Hero with Vue — But first, why Vue?](https://medium.freecodecamp.org/from-zero-to-hero-with-vue-why-vue-8c7e981b494)

by [Indrek Lasn](https://medium.com/u/ce572601b7e)

An article that tells What is Vue.js? Has Vue passed React in popularity yet, Why to use Vue?. The author tries to convince readers to give Vue a try.

[From Zero to Hero with Vue - But first, why Vue?](https://medium.freecodecamp.org/from-zero-to-hero-with-vue-why-vue-8c7e981b494)

**1043 claps**

### 31. [Hybrid Platform Setup: Cordova + Vue + WebPack](https://itnext.io/make-hybrid-platform-cordova-vue-webpack-2fb7031c4f9b)

by [Alistair MacDonald](https://medium.com/u/eaebd99ff545)

A step by step guide that outlines the process of setting up a development platform on which you can build Hybrid Mobile apps.

[Hybrid Platform Setup: Cordova + Vue + WebPack](https://itnext.io/make-hybrid-platform-cordova-vue-webpack-2fb7031c4f9b)

1019 claps

### 32. [Vuex and Typescript](https://codeburst.io/vuex-and-typescript-3427ba78cfa8)

by [Francesco Vitullo](https://medium.com/u/759ea2d43641)

An article that shows a basic approach on how to integrate Vuex within a Vue application with a Typescript codebase without diving deeply into Typescript.

[Vuex and Typescript](https://codeburst.io/vuex-and-typescript-3427ba78cfa8)

966 claps

### 33. [Role Based Authentication using Vue.js 2](https://medium.com/@manojkumar_88220/role-based-authentication-using-vue-js-2-f54e18498019)

by [Manoj Kumar S](https://medium.com/u/51484e79b374)

An article that illustrates how to introduce role based authentication in any application using Vue.js 2.

[Role Based Authentication using Vue.js 2](https://medium.com/@manojkumar_88220/role-based-authentication-using-vue-js-2-f54e18498019)

928 claps

### 34. [Starter template for a MEVN ( MongoDB, ExpressJs, VueJs v2, NodeJs ) Stack Application. ( Part 1 )](https://medium.com/coding-vault/starter-template-for-a-mevn-mongodb-expressjs-vuejs-v2-nodejs-stack-application-part-1-62820aeb2a06)

by [Can Mehmet](https://medium.com/u/e1b9637a4ebe)

A tutorial on MEVAN (MongoDB, ExpressJs, VueJs v2, NodeJs ) Stack Application. This is first part of the series that demonstrates how to build initial frontend and backend skeleton.

[Starter template for a MEVN ( MongoDB, ExpressJs, VueJs v2, NodeJs ) Stack Application. ( Part 1 )](https://medium.com/coding-vault/starter-template-for-a-mevn-mongodb-expressjs-vuejs-v2-nodejs-stack-application-part-1-62820aeb2a06)

918 claps

### 35. [Vue.js 2 State Management With Vuex — Introduction](https://medium.com/codingthesmartway-com-blog/vue-js-2-state-management-with-vuex-introduction-db26cb495113)

by [Sebastian Eschweiler](https://medium.com/u/c840719f0a3e)

This tutorial gives a basic overview about the centralized state management concept and demonstrates how to apply Vuex in your application.

[Vue.js 2 State Management With Vuex — Introduction](https://medium.com/codingthesmartway-com-blog/vue-js-2-state-management-with-vuex-introduction-db26cb495113)

**907 claps**

### 36. [How Vue-Cli 3 Will Shape Our Future](https://medium.com/vuetify/how-vue-cli-3-will-shape-our-future-eb7c01f4a241)

by [Mauro Perez](https://medium.com/u/979571916508)

The author was in charge of the Vuetify templates made under vue-cli 2.x, and he also made vue-cli-plugin-vuetify for the new vue-cli 3. Based on that experience author share his thoughts on how the new vue-cli will forever change the way we all develop with Vue.

[How Vue-Cli 3 Will Shape Our Future](https://medium.com/vuetify/how-vue-cli-3-will-shape-our-future-eb7c01f4a241)

800 claps

### 37. [Vue.js Routing With vue-router](https://medium.com/codingthesmartway-com-blog/vue-js-routing-with-vue-router-4c428fabb078)

by [Sebastian Eschweiler](https://medium.com/u/c840719f0a3e)

This article demonstrates how we can use the Vue core package vue-router to implement routing in a web application.

[Vue.js Routing With vue-router](https://medium.com/codingthesmartway-com-blog/vue-js-routing-with-vue-router-4c428fabb078)

746 claps

### 38. [A highly customisable CRUD component using VueJS and Vuetify](https://codeburst.io/vue-crud-x-a-highly-customisable-crud-component-using-vuejs-and-vuetify-2b1539ce2054)

by [aaron gong](https://medium.com/u/b8e29cfa349)

An article on[vue-crud-x](https://github.com/ais-one/vue-crud-x) (a highly customisable CRUD component). As you read you will learn unique features and design philosophies that makes vue-crud-x stand out from the others.

[A highly customisable CRUD component using VueJS and Vuetify](https://codeburst.io/vue-crud-x-a-highly-customisable-crud-component-using-vuejs-and-vuetify-2b1539ce2054)

659 claps

### 39. [Vue 2 props and emit — parent to child](https://medium.com/@sky790312/about-vue-2-parent-to-child-props-af3b5bb59829)

by [Kevin Hu](https://medium.com/u/c9a86dc93034)

A small article that illustrates how to pass and events between parents and child in Vue.

[Vue 2 props and emit - parent to child](https://medium.com/@sky790312/about-vue-2-parent-to-child-props-af3b5bb59829)

600 claps

### 40. [Using GraphQL Mutations in Vue.js](https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf)

by [Daniel Madalitso Phiri](https://medium.com/u/8a863fb06182)

A tutorial that is continuation of a previous tutorial and author now digs deeper into different Vue and GraphQL concepts. There are some more functionality added to the app (created in previous tutorial) and details are explained.

[Using GraphQL Mutations in Vue.js](https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf)

480 claps

### 41. [Laravel API + Vue SPA Authentication](https://medium.com/carbono/laravel-api-vue-spa-authentication-354dbd9ef1b0)

by [Cesar Santana](https://medium.com/u/5948c58bd867)

A tutorial that explains how to implement a concept of authentication a Client in Single Page Apps (SPA) using an access token (OAuth 2.0).

[Laravel API + Vue SPA Authentication](https://medium.com/carbono/laravel-api-vue-spa-authentication-354dbd9ef1b0)

437 claps

### 42. [Dynamic Modules with Vuex and Vue](https://codeburst.io/dynamic-modules-with-vuex-and-vue-b9c481ca792)

by [Francesco Vitullo](https://medium.com/u/759ea2d43641)

The author share his thoughts regarding the creation of modules with a Vuex’ store.

[Dynamic Modules with Vuex and Vue](https://codeburst.io/dynamic-modules-with-vuex-and-vue-b9c481ca792)

410 claps

### 43. [Getting Your Company To Switch To Vue](https://medium.com/js-dojo/getting-your-company-to-switch-to-vue-6717495cf41b)

by [Anthony Gore](https://medium.com/u/c01404998660)

In this article, you will get some compelling arguments that you can use to convince certain decision makers in your company to give Vue a try.

[Getting Your Company To Switch To Vue](https://medium.com/js-dojo/getting-your-company-to-switch-to-vue-6717495cf41b)

381 claps

### 44. [Deploy Vue.js — SSR(Vuetify) on Production with Pm2 and Nginx.](https://medium.com/@kamerk22/deploy-vue-js-ssr-vuetify-on-production-with-pm2-and-nginx-ec7b5c0748a3)

by [KashYap Merai](https://medium.com/u/89c1444e5eac)

An article that show you how to deploy a production ready Vue.js — SSR (Vuetify) Application, using Pm2 (production process manager) for Node.JS and Nginx for reverse — proxy.

[Deploy Vue.js — SSR(Vuetify) on Production with Pm2 and Nginx.](https://medium.com/@kamerk22/deploy-vue-js-ssr-vuetify-on-production-with-pm2-and-nginx-ec7b5c0748a3)

360 claps

### 45. [Using GraphQL Mutations in Vue.js](https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf)

by [Daniel Madalitso Phiri](https://medium.com/u/8a863fb06182)

A tutorial that is continuation of a previous tutorial and author now digs deeper into different Vue and GraphQL concepts. There are some more functionality added to the app (created in previous tutorial) and details are explained.

[Using GraphQL Mutations in Vue.js](https://medium.com/@malgamves/using-graphql-mutations-in-vue-js-3b4570234edf)

190 claps

### 46. [Vue x Hasura GraphQL](https://medium.com/@malgamves/vue-x-hasura-graphql-d66f585a3ba5)

by [Daniel Madalitso Phiri](https://medium.com/u/8a863fb06182)

In this article a web app is created whose frontend is designed using Vue.js while the backend with Hasura which offers real-time GraphQL for Postgres databases.

[Vue x Hasura GraphQL](https://medium.com/@malgamves/vue-x-hasura-graphql-d66f585a3ba5)

189 claps

### 47. [5+ Best Vue.JS Admin Template 2018](https://medium.com/@jeweltheme/best-vue-js-admin-template-90456fcf833d)

by [Jewel Theme](https://medium.com/u/249279afef49)

In this article you will explore 9 best admin dashboard templates based on most growing up web technology i.e Vue.js.

[5+ Best Vue.JS Admin Template 2018](https://medium.com/@jeweltheme/best-vue-js-admin-template-90456fcf833d)

186 claps

### 48. [Best Code Editor for Vue.js](https://medium.com/vue-mastery/best-code-editor-for-vue-js-8b0d9cca6be)

by [Adam Jahr](https://medium.com/u/b95265420612)

This article is for developers who are interested in using VS Code for Vue development, you can follow the article to see how to optimize VS Code.

[Best Code Editor for Vue.js](https://medium.com/vue-mastery/best-code-editor-for-vue-js-8b0d9cca6be)

181 claps

### 49. [Integrating Vue.js 2.0 to .NET MVC5 Project](https://medium.com/@hyounoosung/integrating-vue-js-2-0-to-net-mvc5-project-f97eb5a5b3ad)

by [Hyounoo Sung](https://medium.com/u/1021c360f53e)

This article is about how to integrate Vue.js 2.0 to .NET MVC5 Project. The article starts by creation of an ASP.NET web application project followed by Vue webpack bundle initialization.

[Integrating Vue.js 2.0 to .NET MVC5 Project](https://medium.com/@hyounoosung/integrating-vue-js-2-0-to-net-mvc5-project-f97eb5a5b3ad)

165 claps

### 50. [Vue[.js] from the six](https://medium.com/decathlondevelopers/vue-js-from-the-six-38bc7be3d958)

by [Amrit Kahlon](https://medium.com/u/a7622182a51c)

This article gives a brief summary of VueConf that is held in Toronto. You will get to know about latest development in Vue, specially the new coming Vue 3.0.

[Vue[.js] from the six](https://medium.com/decathlondevelopers/vue-js-from-the-six-38bc7be3d958)

112 claps

Afraid of using a framework with potentially no plan for the future?

[Plans for the Next Iteration of Vue.js](https://medium.com/the-vue-point/plans-for-the-next-iteration-of-vue-js-777ffea6fabf)

Read this post by the founder of the Vue.js Evan You, on where the project is going and you’ll rest assured that Vue is the framework to use in 2019

Happy Coding 🤓

### Learn more

- [11 Vue UI Component Libraries You Should Know In 2019](https://blog.bitsrc.io/11-vue-js-component-libraries-you-should-know-in-2018-3d35ad0ae37f)
- [The Most In-Demand JavaScript Frameworks for Developers in 2019](https://blog.bitsrc.io/the-most-in-demand-javascript-frameworks-for-developers-in-2019-39bba192d8dc)
- [Benchmarking Angular, React and Vue for small web applications](https://blog.bitsrc.io/benchmarking-angular-react-and-vue-for-small-web-applications-e3cbd62d6565)

* * *