Article: Vue.js, the Green framework

Things changed the last few years and Vue is one of the latest trends to development. This article is a dive into what Vue.js can offer to the javascript world.

Somebody at Facebook realized that they hit the wall in a major optimization of traditional back-end, which forced them to rethink alternatives. Eventually, as result of that effort React was born. But before that happen, Component Based Development on Front-End came to somebodies mind as a brilliant idea! Then, Evan You decided to introduce a new framework that solves problems which were already (almost) solved.

Front-End is not a platform it’s an ecosystem and VueJS treats it as such.

Everything old is new again!

The Github repo of Vue is the 3rd most popular JavaScript by number of stars.

A Framework is good as long as it solves common general problems. So one of Vue features, watchers, can be very useful. If you need to execute some code logic, whenever some of your data properties change, watchers are the way to go.

Also, Vue implements some very useful event modifiers.

• .stop call event.stopPropagation()
• .prevent call event.preventDefault()
• .capture add event listener in capture mode
• .self trigger handler if event was dispatched from this element
• .{keyCode | keyAlias} trigger handler on certain keys
• .native listen for a native event on the root element of component
• .once trigger handler at most once

Another plus to development with Vue.js is it’s Chrome dev tool. For those of you who already worked in React, it’s obvious how handy React dev tools can be. Vue will not disappoint you since it has Chrome Devtool. extension for debugging.

One of the most discussed implementations of Vue, along with components, is the Virtual Dom. It can easily be configured to use LESS or SASS. If you prefer JADE more than regular HTML, that will work almost out of the box.

Find VueJS — the Green framework, here.

Written by @develoger