Zeppelin Web + Vue JS Prototype

What is Vue JS?

What Vue JS is basically a progressive framework rather than an opinionated Framework like angular js or ember js

It was Originally created by *Evan You* as a way to be a modern js framework Something that you could get up and running quickly and get some real results
And at the same time maintain a lot of the things that people love about other modern js frameworks.

Main features of Vue JS

• Virtual Dom
• Supports data binding (v-bind)
• Component-based
• Computed props
• Router
• Directives
• Watchers
• Templates (HTML based)
• Vuex (similar to redux)

Problems with current Zeppelin Web

• Extensive use of `ng-show` and `ng-repeat` directives degrading performance.
• No virtual dom support every HTML manipulation is done on the actual dom.
• Extensive use of ng-if for hiding and showing elements from UI.
• AngularJS1 is a relatively outdated framework.
• Too many watchers causing ace editor typing performance issues.
• Too many paragraphs with large code and output cause the browser to freeze.
• The overall feel of the UI is very sluggish contributing to bad User Experience.
• Lacks a centralized store.

I have a working prototype of zeppelin-web in vuejs ready with full feature parity

Design Document: https://docs.google.com/document/d/1FCAVgODwYtpXUxtTdB3JVGrVNEqEzpUA6Dcyi6xvpB4/edit?usp=sharing