[jira] [Created] (ZEPPELIN-4138) Moving zeppelin web to a new modern lightweight js framework like VueJs

["Mukunda Gogoi (JIRA)" <ji...@apache.org>]

Mukunda Gogoi created ZEPPELIN-4138:
---------------------------------------

             Summary: Moving zeppelin web to a new modern lightweight js framework like VueJs
                 Key: ZEPPELIN-4138
                 URL: https://issues.apache.org/jira/browse/ZEPPELIN-4138
             Project: Zeppelin
          Issue Type: Improvement
            Reporter: Mukunda Gogoi


h1. Zeppelin Web + Vue JS Prototype
h2. 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.
h2. 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)

h2. 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 causes the browser to freeze.
* Overall feel of the UI is very sluggish contributing to bad User Experience.
* Lacks a centralized store.



--
This message was sent by Atlassian JIRA
(v7.6.3#76005)