Songary

Your personal song book. Demo.

Made with Este.js.

Still under development.

Install and run

Read Este.js.

Demonstrated Techniques

• frontend/mobile/offline first
• isomorphic web app
• Closure Tools
• Facebook React with Flux
• one way data flow
• polymes-gestures
• global error handling of sync and async code
• Promises
• app state persisted in localStorage
• pending navigation and other SPA UX patterns
• clean code via dependency injection with awesome DI container
• statically typed code written in CoffeeScript
• killer React.js HTML syntax
• finest dev stack

Why Facebook Flux is better than XYZ?

Because Ember observers and bindings, or Backbone model events, or Angular scope events propagation, mixes app model with app data flow, irreversibly.

Imagine you have two models, A and B. And you would like to change B whenever A is changed. Events and bindings work well unless you need to change only A under some condition. Got it? Flux uses waitFor method to explicitly describe what should be changed.

Or imagine you have A, B, C, D, E, F, G, H listening each other. Can you tell what happen when A dispatches change event? Without reading several source files? Without debugging? Hardly.

Why CoffeeScript?

I like CoffeeScript and significant whitespace. I'm enjoying CoffeeScript for years and it just works. But I understand that some people doubt about CS future, or simply doesn't like it. I will add gulp task to switch to plain old JavaScript soon. It will just delete *.coffee files and update .gitignore. Done. Now you have JavaScript version :-) But I would like to do more than that. Yes, ES6 is coming in town. I will add ES6 version once Closure Compiler finish its work.