In this post, we will more learn about how Vue.js Computed Properties work by writing a very (very very very) simple implementation which achieves similar functionality.

  1. This is just to illustrate how it works. It doesn't support objects, arrays, watching/unwatching and a dozen performance optimizations that exist in vue.js core.
  2. I wrote this after reading the Vue.js source code, based on my very limited understanding. A lot of it might be wrong. Please email me if you find any corrections or if I'm flat out wrong.

Continue Reading...

Collection pipelines with Vue.js

November 27, 2016, 9:30 pm

Off late I've been finding Vue.js computed properties can be used in some very interesting and powerful ways.

Continue Reading...

Vue.js Slots: Why would you need them?

April 13, 2016, 5:30 pm

You've probably read the Vue.js documentation on slots. For me, that feature went from "why would you possibly need that" to "how could I have possibly worked without it" real quick.

While the documentation explains the concept, here's a real world example on how slots can improve your application codebase.

Continue Reading...

Vuex basics: Tutorial and explanation

January 4, 2016, 1:45 pm

Update Nov 2016: This is written for a very old version of the vuex api and the code from Dec 2015.

However, this article still gives a very in-depth look about why vuex is important, how it works and how it can make your apps better and easier to maintain.

Vuex is an in-development and prototype library by the creator of Vue.js to help you build larger applications in a more maintainable way by following principles similar to those made popular by Facebook's Flux library (and subsequent iterations by community like redux).

Instead of directly jumping into vuex and how to use it, in this post, I'll explain the rationale behind why it is favorable to alternative approaches and how it is helpful to you.

Continue Reading...

Vue.JS is my favorite JavaScript view-library now. In this article, I will explain to you how to build a project using Vue.JS, hot module replacement, webpack and the entire vue ecosystem completely from scratch so you can understand exactly how your app works.

Continue Reading...