Practical-use-of-Components-and-Mixins-in-Vue-JS

Practical use of Components and Mixins in Vue JS

In this post we will take a deep look into Components and Mixins in Vue JS, you must be familiar with components as its provider by all major JS frameworks out there. They help you extend basic HTML elements to encapsulate reusable code. At a high level, components are custom elements that Vue’s compiler attaches behaviors and mixins give you a place to keep reusable code which keeps your code base DRY and easily maintainable. Continue reading…

Convert-Vue.js-app-to-Native-desktop-app-using-Electron

Convert Vue.js app to Native desktop app using Electron

In this post I am going to convert our Vue.js QReader app we build earlier into a native desktop app using Electron, gone are the days when if you wanted to create an app for a desktop you needed to know languages like C++, .Net or Objective C. With tools like electron you can build a fully native and cross platform for desktops using your web skills JavaScript, HTML & CSS. Let’s get started with some intro about Electron.

Continue reading…

Youtube like app with Vue.js and Laravel

YouTube like app with Vue.js and Laravel

Earlier we have build our API Create REST API with authentication using Laravel Passport for youtube like app to share videos and comment on them, In this part we are going to implement front-end with Vue.js v2 and improve our API. This will give you very good idea on how you can create app with Vue.js Component, Vue Router and Laravel. Since Laravel 5.4 comes with bootstrap out of the box we will use it for UI. Let’s get started by installing Vue router configuring it. Continue reading…

Vue.js directive to submit and server-side validatate forms using AJAX

Vue.js directive to submit and server-side validatate forms using AJAX

Submitting a Form using classical post request will work but it does don’t give the user feedback while it’s submitting and overall not a great user experience. I find myself creating Laravel apps which uses Vue in many places, but if it’s not a complete SPA (without Vue router),  to make forms more interactive I have created a directive v-ajax-submit which I use religiously in my apps to turn boring forms more fun. Continue reading…

Getting started with Vue.js by making a comment app

In this post, we are going to build a simple commenting system using Vue.js v2 and for the backend we will use PHP, SQLite. The idea it to get your feet wet with Vue.js, Its not going to be complete application to use in production but at the end of this post you will be confident enough to start writing in Vue.js Continue reading…