Aetet

1. Не рекомендуется навешивать события внутри обработчиков других событий, если эти события выполняются больше одного раза.
Пример:
        @.listenTo(adultCounter, 
          'render': () =>
            this.listenTo(adultNamesView, 
              'someEvent': () ->
                console.log('I handle this')
            adultNamesView.render()

            @_renderAdultViews(adultNamesView.$el, adultCollection)

Aetet

<snippet>
    <content><![CDATA[
/**
* @jsx React.DOM
*/
var React = require('react');
var Events = require('../../util/Events');

  console.log('Events', Events);
  var $1 = React.createClass({

Aetet

function setCaretPosition(ctrl, pos){
	if(ctrl.setSelectionRange)
	{
		ctrl.focus();
		ctrl.setSelectionRange(pos,pos);
	}
	else if (ctrl.createTextRange) {
		var range = ctrl.createTextRange();
		range.collapse(true);
		range.moveEnd('character', pos);

Aetet

var curry = function (fn) {
  var args = [].slice.call(arguments, 1);
  return function () {
    return fn.apply(this, args.concat([].slice.call(arguments)));
  };
};

Aetet

q = require('q')
Suggestions = require('./models/suggest_server_model.coffee')
SuggestView = require('./views/suggest_view.coffee')
SuggestSelectView = require('./views/suggest_select_view.coffee')
class Suggest extends app.BasicObject
  constructor: (options) ->
    self = this
    suggestView = new SuggestView()
    # suggestView.on('render', () ->
    # )

Aetet

cat /etc/*-release

Aetet

strace -o logopen -ff -eopen node app.js Показывает какие файлы открывались через system calls.

Показывает содержимое файла из гита.
git show some-file

Aetet

Tactile scrolling
http://ariya.ofilabs.com/tag/kinetic

Low level v8 optimization
https://github.com/thlorenz/v8-perf

https://github.com/petkaantonov/bluebird/wiki/Promise-anti-patterns#the-deferred-anti-pattern

Smooth animation on page
http://css-tricks.com/add-page-transitions-css-smoothstate-js/

Aetet

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

So you're curious in learning this new thing called (Functional) Reactive Programming (FRP).

Learning it is hard, even harder by the lack of good material. When I started, I tried looking for tutorials. I found only a handful of practical guides, but they just scratched the surface and never tackled the challenge of building the whole architecture around it. Library documentations often don't help when you're trying to understand some function. I mean, honestly, look at this:

Rx.Observable.prototype.flatMapLatest(selector, [thisArg])

Projects each element of an observable sequence into a new sequence of observable sequences by incorporating the element's index and then transforms an observable sequence of observable sequences into an observable sequence producing values only from the most recent observable sequence.

Aetet

From SocialCalc to EtherCalc

Previously, in The Architecture of Open Source Applications, I described SocialCalc, an in-browser spreadsheet system that replaced the server-centric WikiCalc architecture. SocialCalc performs all of its computations in the browser; it uses the server only for loading and saving spreadsheets.

For the Socialtext team, performance was the primary goal behind SocialCalc's design in 2006. The key observation was this: Client-side computation in JavaScript, while an order of magnitude slower than server-side computation in Perl, was still much faster than the network latency incurred during AJAX roundtrips:

---

******