Category: JavaScript
-
Full Stack Caching Tradeoffs: Avoiding Stale UI States at Scale
A practical, experience-backed critique of full stack caching layers (DB, Redis, CDN, and client) and how they cause stale UI states in production—plus concrete patterns for safe invalidation, revalidation, and versioned cache keys.
-
API error handling in vue with axios
Error handling within an SPA can be challenging, most of the app uses some sort of backend service to store the app data, and things can go wrong due to network connection or a bad user Input. Working with Vue.js app I have figured that to handle all the API related errors best bet is to…
-
Reusable upload component in Laravel with Dropzone.js
In this post we will create a blade component which we can reuse in any application where we want a file uploader, we will use Dropzone.js to add drag and drop uploading functionality, and laravel as a backend to store the uploaded file, It can upload an image or document which will be configurable using…
-
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…
-
Build complete RSS feed reader app – Front-end with Vue.js, Vuex & Element UI
In this post we are going to build complete SPA (Single Page Application) using Vue.js v2 and for state management, we will use Vuex which is very similar to redux but it’s for vue.js so out of the box it utilizes vue.js reactivity system. This app will have the option to add, remove and edit…
-
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…
-
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…
-
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…