ReactJS links and information collection

Open-source Javascript library for creating user interfaces developed by Facebook team. Its initial release was in 2013, and stable version was only in late 2014 (0.12.2). It has soft learning curve, thanks to simple idea of encapsulated UI-elements-and-JS-components communicating to each other using set of defined ways. ReactJS production is ~128 KiB.

First, to read

• Official docs of course
• Navigating the React ecosystem
• Really good cheatsheet on ReactJS at ricostacruz.com 
• Articles on ReactJS collection
• React cheatsheet

Translation JSON APIs

While building my web-app for adding and learning new words vocEverywhere I've decided to integrate some freely available translator API so that in most case you won't need to use separate translator (in browser tab or as an app) first and the copy-paste the results to vocEverywhere.

Doing a bit of googling I came across quite a big list with variety of translation APIs available -
http://www.programmableweb.com/news/63-translation-apis-bing-google-translate-and-google-ajax-language/2013/01/15

$.Deferred Promises status updates demo

Plnkr here:
http://embed.plnkr.co/KjsbKsZHfxfHznOp6kjC/

ES6 resources - get to know ECMAScript 2015

1. List of ES6 features and short explanation of each feature: https://github.com/lukehoban/es6features
2. Very simplified introduction crash-course: https://egghead.io/technologies/es6
3. ES6 online sandbox: http://www.es6fiddle.net/
4. Code samples presentation by @esdiscuss: https://dl.dropboxusercontent.com/u/3531958/es6-favorite-parts/index.html#/1
5. Youtube video with ES6 highlights: https://www.youtube.com/watch?v=AfWYO8t7ed4

5+ links in full version

Decorators in AngularJS, $provide.decorator

$provide.decorator if defined in config section of the application code and modifies original object which is passed as $delegate argument into decorator.

Here is set of examples giving better view on a powerful feature of decorators, available in AngularJS:

• adding a custom method to 3rd party service,  by tamakisquare - http://plnkr.co/edit/lj9srM2KXZmwmTxLb1p7?p=preview
• logging time while the async call is performed, using Promise.always - by K. Scott Allen http://odetocode.com/blogs/scott/archive/2013/06/06/decorating-angularjs-services.aspx  
• creating more detailed response description, https://egghead.io/lessons/angularjs-provide-decorator
• adding custom method reload method to $state provider - stackoverflow.com/a/23198743/405623

angularJS photoshop demo

This demo uses canvas drawing directive and bootstrap-css for UI.
It has basic palette of colours and brush sizes and also layers that can be added/removed, activated or hidden.
Check it here: http://embed.plnkr.co/sn5eZV/

AngularJS UI libraries

• ngTasty - http://zizzamia.com/ng-tasty/
• UI.Utils - http://angular-ui.github.io/ui-utils/
• UI Bootstrap - http://angular-ui.github.io/bootstrap/ 
• Kendo UI - http://kendo-labs.github.io/angular-kendo/#/
• QuantumUI - http://quantumui.org/appdoc/documents/home/dashboard