Rewrite to Vue.js

[jdittrich]

I want to rewrite quickMockup to use Vue.js. I hope to achieve the following advantages:

• Enable an easier/more structured creation of UI components
• undo-redo (via vuex, vue.js’ flavor of flux which react's flavor of unidirectional dataflow management :-) )
• save to JSON, save to localStorage and potentially save to Backend

Also I hope to resolve the following bugs more easily. They could be solved now, but they would introduce a huge amount of spaghetti-code:

• Refreshing the page shouldn't delete current work. #32 (Refreshing page should not delete work, using save to local storage)
• Mobile/Tablet Use #3 (mobile use, since we can use interact.js)
• Page/tab system #28 (page/tab system, easier to render multiple pages)
• and would resolve the issue Code Refactoring: Maintainance & Readability #29 (refactoring)

Possible Problems:

• The code itself would be cleaner, but current tools often introduce a toolchain which Contibutors need to be (partly) familiar with, as well I (@jdittrich) would need to learn more about them.
  More toolchain means often higher barriers for contributors.
• Minor, but: Currently data and view are one thing. Sounds horrible, has the advantage that we don't need to convert anything. With a "proper" separation, we need a mechanism to read-from-HTML and write-to-HTML. Not rocket science, but I want to keep a) files and b) the sharing- and browser-friendly file format and not make people save and pass a JSON file or so.

[simonv3]

If you can get a really good build step together, the toolchain should be transparent to new contributors.

[peterbrinck]

Oh yes, please switch to Vue!!
I'm a huuuugeeee fan of Vue

[jdittrich]

@peterbrinck that sounds promising – if you would be open for helping me along when I get stuck, it would be a great help. I still keep learning vue.

[peterbrinck]

I wish I could, but I haven't worked that much with it, in that way
I've only used it in already created environments, where I would only have to create a template and loops etc.

[jdittrich]

btw: this is the rewrite, still pre-alpha: https://github.com/jdittrich/quickMockupVue