A complete, yet simple, starter for Angular 2 using Webpack.
Clone/Download the repo then edit
app.tsinside/src/app/app.ts
how to install
PHANTOMJS_CDNURL=https://npm.taobao.org/dist/phantomjs npm installAfter installing node_modules dependencies, You may need to manually remove require related statements in BigInt/src/BigInt.js so that webpack does not complain.
Using rxjs is intended. It provide a way to centralize logic. Here I present several alternatives' pros and cons.
Flux arch's state of art
approach: view dipatches action, reducer processes action and change store, store updates view
pros:
- dead simple data flow
- reducer can be as synchronous as possible
- easier to debug
cons:
- in virtue every reducer is a hard code into application
- no higher order composition
- logic is scattered across dumb view, smart view, and reducer
- control flow is inverted (https://github.com/Swizec/react-particles-experiment)
aka callback based observer pattern.
approach: Every event is handled manually.
pros:
- No stroke win a trick. A chinese proverb like 'silence makes big money'
- intuitive
cos:
- state must be explicitly shared between components
- no high order composition, not even logic reuse
- concrete command couples with concrete events
To sum up, observer pattern is not scalable. Code soonly becomes unnamable chaos
rxjs, rxjava, rxscala, rxandroid, rxswift, rxpy, rxgo, rxwhateveryounameit
approach: event and logic is encapsulated in asynchronous stream. (yes, logic is in stream too, in the form of closure)
pros:
- very expressive and concise
- observer without inversion of control
- fine tuned scheduler control with one line of code
cons:
- unintuitive
- all operators take a hidden parameter, namely, time.
- too many operators to learn
It seems web cryptography is the ideal library, but it lacks AES256-IGE. https://medium.com/@encryb/comparing-performance-of-javascript-cryptography-libraries-42fb138116f3#.5jwcjgmem
http://www.slideshare.net/kevinhakanson/developers-guide-to-javascript-and-web-cryptography