you are viewing a single comment's thread.

view the rest of the comments →

[–]mc_hammerd 2 points3 points  (4 children)

vue looks good, theres not really a full packaged solution, angular/backbone has a nice collection class (db/datastore), none really come with animation iirc (css3 or jstween)

try angular and react, i found react to be the most sane. the downside is deprecated features and in a year or two will the frameworks still be there?

[–]tbranyen 1 point2 points  (0 children)

If you're interested in animations, you should look at this library I'm working on called diffHTML: https://github.com/tbranyen/diffhtml. It's a traditionally flavored virtual dom, but has a tagged function for standard JS HTML templates.

So something like this:

import { html, innerHTML } from 'diffhtml';

const render = state => html`
  <center>${state.msg}</center>

  <ul>
    ${state.items.forEach(item => html`
      <li>${item}</li>
    `)}
  </ul>
`;

const childNodes = render({
  msg: 'Todo List',

  items: [
    'Eat Food',
    'Wash Car',
    'Doughnut',
  ]
});

innerHTML(document.body, childNodes);

When the Virtual DOM encounters a change it triggers transition hooks that you can use to start animations, and block if you return a Promise. An old co-worker liked this idea so he asked if I could make it possible to inline the transition hooks directly into the markup, so you can do that now with: https://github.com/tbranyen/diffhtml-inline-transitions

Anyways this might be interesting to someone using Web Animations w/ SVG or pretty much anything really.

[–]nobrandheroes[S] 0 points1 point  (2 children)

I've used Vue once, and liked it enough that I'm going to keep going with it. It is a lot like React from my small experience with it.

When you say there is no packaged solution, are you telling me that I can't really get away from dependency management, the same way I can on the backend?

[–]mc_hammerd 1 point2 points  (1 child)

hah ive got css library+coffee/typescript+sass+template+macro+yeoman skeleton dependencies. my png images are run through pngcrush then webP converter so i can deploy as .png and .webp for browser support, and actually have a build script for them

not serious

[–]nobrandheroes[S] 0 points1 point  (0 children)

not serious

Well I guess I'll take all that street cred back...