（アーカイブ）Matreshka.jsフレームワークの最初のバージョンがリリースされました

Githubリポジトリ

みなさんこんにちは！ 良い知らせを急ぎます。 最後に、マトリョーシカフレームワークの最初の（1.0）バージョンがリリースされました。 この投稿では、フレームワークの最も重要な変更、新しいサイト、およびロシア語のドキュメントについて説明します。

マトリョーシカは、いくつかの重要な原則を尊重する単一ページのアプリケーションを作成するためのJavaScriptフレームワークです。

• HTMLロジックなし
• 最小エンティティ
• カスタムアーキテクチャ

Matryoshkaは、双方向のデータバインディングの単純な構文を実装し、アクセサ（ゲッターとセッター）を積極的に使用します。

this.bindNode( 'x', 'input.my-node' ); this.on( 'change:x', function() { alert( this.x ); }); this.x = 'Wow!'; 

まず、フレームワークの重要な変更について

名前の変更の最後の波。 最も重要なもの： bindElementは、長い名前（11文字）のためにbindNode （8文字）に名前が変更されました 。

HTML5仕様の要素を含む、すべての入力フィールドを例外なくサポートします 。 プログラマーがオブジェクトプロパティの値をいくつかに関連付けたい場合、 bindNodeは3番目の引数を必要としません。

 . 
 
 this.bindNode( 'x', '.my-input' ); 
   for..of  Matreshka.Array  Matreshka.Object .        Internet Explorer      (, Babel ),    ,     ECMAScript 6. 
 
 for(let item of this) { ... } 
 __this__   sandbox .  ,    ,    “”. 
 
 this.bindNode( 'sandbox', '.app' ); 
     ':sandbox'.        ,        . 
 
 this.bindNode( 'x', this.select( '.my-x-node' ) ); 
      : 
 
 this.bindNode( 'x', ':sandbox .my-x-node' ); 
    ':bound(KEY)' .          ,    .     : 
 
 // Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) ); 
  : 
 
 // jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) ); 
       : 
 
 this.bindNode( 'y', ':bound(x) .my-y-node' ); 
    Matreshka.Array    Array .    push  unshift    ,    ,     Array.prototype .  ,        -  forEach .   “”  undefined . 
 
   Matreshka.Array .          -      . 
 
      Array   ,            . 
 
 //       this.push( 1, 2, 3 ); 
   ,       Array.prototype     _ .     ,            . 
 
 this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 }); 
    ,   ,     silent: true   . 
 
 this.push_( 1, 2, 3, { silent: true }); 
  ,  silentPush, silentPop, silentSplice …     -    . 
 
  Babel .    ,    ,         Babel.    ,    for..of ,    ,       ECMAScript 6 (  ,       Github),    Class ,     . 
 
  .      Internet Explorer 8,   Class .    ,       - . 
 
  ,       IE8. ,       “”         . 
 
        . 
 
   
   ,         .  , ,     ,    . ,  itemRenderer ,     (      ). 
 
          ,  ,   ,       . 
 
   ? 
    ,     ,   ,     .    :   , , , ...      . 
 
      :          .    ,      -   . ,   linkProps ,      ,    ,     . 
 
      
  
 
           ,       .   ,   HTML5 cache .       ,   ,      . 
 
    
  
 
         ,        :)         Ctrl+Enter.       . 
   ,        ,  Google Forms,    . 
 
     
  
 
     (, , )   “ ”,   Muut Comments (,  ).           Github,          . 
 
      Disqus , , , Facebook Comments .  ,  ,      . 
 
 Disqus      ,    ,  .     ,      .    Disquss,     (      ,   -  ). ,  ,   ,      ,  Disquss     .  ,       ,     . 
 
 Facebook Comments,   ,    .  --  ;      ;   ,   ;   …  : . Facebook Comments        (!).     ,  Google Forms    .   .   -       . 
 
  
   …  ? ? 
 
  ,   … 
 
 IntenseDebate 
     .    .  ,     . 
 Cackle 
      500 /.    ,     .          . .      -   “”. 
 SolidOpinion 
     .   . 
  ,   (  )      Muut.     ,  ,     (   ).   -      .    ,           Muut.  ,     ( ,     ).       ,   ,    ,   . ,    .  ,    ,     . 
 
     ? * 
 * , ,  
 
  
 
                    .  ,           :      ,       .     (      “ ”  “ ”),     . 
 
 ""  
    CSS  Materialize .  ,          DOM,        (   ), ,    CSS    . ,    (,   )  .    Materialize, ,    . 
 
   
      js     .  .jsdoc     IDE .   TodoMVC       ,      .           .      CDN: cdnjs  jsdelivr (   CDN     ,   jimaek       ). 
 
   designiac ,            Rendol ,    ,        . 
 
     .         . 
 
   .  . 

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

 . 
 
 this.bindNode( 'x', '.my-input' ); 
   for..of  Matreshka.Array  Matreshka.Object .        Internet Explorer      (, Babel ),    ,     ECMAScript 6. 
 
 for(let item of this) { ... } 
 __this__   sandbox .  ,    ,    “”. 
 
 this.bindNode( 'sandbox', '.app' ); 
     ':sandbox'.        ,        . 
 
 this.bindNode( 'x', this.select( '.my-x-node' ) ); 
      : 
 
 this.bindNode( 'x', ':sandbox .my-x-node' ); 
    ':bound(KEY)' .          ,    .     : 
 
 // Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) ); 
  : 
 
 // jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) ); 
       : 
 
 this.bindNode( 'y', ':bound(x) .my-y-node' ); 
    Matreshka.Array    Array .    push  unshift    ,    ,     Array.prototype .  ,        -  forEach .   “”  undefined . 
 
   Matreshka.Array .          -      . 
 
      Array   ,            . 
 
 //       this.push( 1, 2, 3 ); 
   ,       Array.prototype     _ .     ,            . 
 
 this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 }); 
    ,   ,     silent: true   . 
 
 this.push_( 1, 2, 3, { silent: true }); 
  ,  silentPush, silentPop, silentSplice …     -    . 
 
  Babel .    ,    ,         Babel.    ,    for..of ,    ,       ECMAScript 6 (  ,       Github),    Class ,     . 
 
  .      Internet Explorer 8,   Class .    ,       - . 
 
  ,       IE8. ,       “”         . 
 
        . 
 
   
   ,         .  , ,     ,    . ,  itemRenderer ,     (      ). 
 
          ,  ,   ,       . 
 
   ? 
    ,     ,   ,     .    :   , , , ...      . 
 
      :          .    ,      -   . ,   linkProps ,      ,    ,     . 
 
      
  
 
           ,       .   ,   HTML5 cache .       ,   ,      . 
 
    
  
 
         ,        :)         Ctrl+Enter.       . 
   ,        ,  Google Forms,    . 
 
     
  
 
     (, , )   “ ”,   Muut Comments (,  ).           Github,          . 
 
      Disqus , , , Facebook Comments .  ,  ,      . 
 
 Disqus      ,    ,  .     ,      .    Disquss,     (      ,   -  ). ,  ,   ,      ,  Disquss     .  ,       ,     . 
 
 Facebook Comments,   ,    .  --  ;      ;   ,   ;   …  : . Facebook Comments        (!).     ,  Google Forms    .   .   -       . 
 
  
   …  ? ? 
 
  ,   … 
 
 IntenseDebate 
     .    .  ,     . 
 Cackle 
      500 /.    ,     .          . .      -   “”. 
 SolidOpinion 
     .   . 
  ,   (  )      Muut.     ,  ,     (   ).   -      .    ,           Muut.  ,     ( ,     ).       ,   ,    ,   . ,    .  ,    ,     . 
 
     ? * 
 * , ,  
 
  
 
                    .  ,           :      ,       .     (      “ ”  “ ”),     . 
 
 ""  
    CSS  Materialize .  ,          DOM,        (   ), ,    CSS    . ,    (,   )  .    Materialize, ,    . 
 
   
      js     .  .jsdoc     IDE .   TodoMVC       ,      .           .      CDN: cdnjs  jsdelivr (   CDN     ,   jimaek       ). 
 
   designiac ,            Rendol ,    ,        . 
 
     .         . 
 
   .  . 

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

 . 
 
 this.bindNode( 'x', '.my-input' ); 
   for..of  Matreshka.Array  Matreshka.Object .        Internet Explorer      (, Babel ),    ,     ECMAScript 6. 
 
 for(let item of this) { ... } 
 __this__   sandbox .  ,    ,    “”. 
 
 this.bindNode( 'sandbox', '.app' ); 
     ':sandbox'.        ,        . 
 
 this.bindNode( 'x', this.select( '.my-x-node' ) ); 
      : 
 
 this.bindNode( 'x', ':sandbox .my-x-node' ); 
    ':bound(KEY)' .          ,    .     : 
 
 // Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) ); 
  : 
 
 // jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) ); 
       : 
 
 this.bindNode( 'y', ':bound(x) .my-y-node' ); 
    Matreshka.Array    Array .    push  unshift    ,    ,     Array.prototype .  ,        -  forEach .   “”  undefined . 
 
   Matreshka.Array .          -      . 
 
      Array   ,            . 
 
 //       this.push( 1, 2, 3 ); 
   ,       Array.prototype     _ .     ,            . 
 
 this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 }); 
    ,   ,     silent: true   . 
 
 this.push_( 1, 2, 3, { silent: true }); 
  ,  silentPush, silentPop, silentSplice …     -    . 
 
  Babel .    ,    ,         Babel.    ,    for..of ,    ,       ECMAScript 6 (  ,       Github),    Class ,     . 
 
  .      Internet Explorer 8,   Class .    ,       - . 
 
  ,       IE8. ,       “”         . 
 
        . 
 
   
   ,         .  , ,     ,    . ,  itemRenderer ,     (      ). 
 
          ,  ,   ,       . 
 
   ? 
    ,     ,   ,     .    :   , , , ...      . 
 
      :          .    ,      -   . ,   linkProps ,      ,    ,     . 
 
      
  
 
           ,       .   ,   HTML5 cache .       ,   ,      . 
 
    
  
 
         ,        :)         Ctrl+Enter.       . 
   ,        ,  Google Forms,    . 
 
     
  
 
     (, , )   “ ”,   Muut Comments (,  ).           Github,          . 
 
      Disqus , , , Facebook Comments .  ,  ,      . 
 
 Disqus      ,    ,  .     ,      .    Disquss,     (      ,   -  ). ,  ,   ,      ,  Disquss     .  ,       ,     . 
 
 Facebook Comments,   ,    .  --  ;      ;   ,   ;   …  : . Facebook Comments        (!).     ,  Google Forms    .   .   -       . 
 
  
   …  ? ? 
 
  ,   … 
 
 IntenseDebate 
     .    .  ,     . 
 Cackle 
      500 /.    ,     .          . .      -   “”. 
 SolidOpinion 
     .   . 
  ,   (  )      Muut.     ,  ,     (   ).   -      .    ,           Muut.  ,     ( ,     ).       ,   ,    ,   . ,    .  ,    ,     . 
 
     ? * 
 * , ,  
 
  
 
                    .  ,           :      ,       .     (      “ ”  “ ”),     . 
 
 ""  
    CSS  Materialize .  ,          DOM,        (   ), ,    CSS    . ,    (,   )  .    Materialize, ,    . 
 
   
      js     .  .jsdoc     IDE .   TodoMVC       ,      .           .      CDN: cdnjs  jsdelivr (   CDN     ,   jimaek       ). 
 
   designiac ,            Rendol ,    ,        . 
 
     .         . 
 
   .  . 

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

 . 
 
 this.bindNode( 'x', '.my-input' ); 
   for..of  Matreshka.Array  Matreshka.Object .        Internet Explorer      (, Babel ),    ,     ECMAScript 6. 
 
 for(let item of this) { ... } 
 __this__   sandbox .  ,    ,    “”. 
 
 this.bindNode( 'sandbox', '.app' ); 
     ':sandbox'.        ,        . 
 
 this.bindNode( 'x', this.select( '.my-x-node' ) ); 
      : 
 
 this.bindNode( 'x', ':sandbox .my-x-node' ); 
    ':bound(KEY)' .          ,    .     : 
 
 // Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) ); 
  : 
 
 // jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) ); 
       : 
 
 this.bindNode( 'y', ':bound(x) .my-y-node' ); 
    Matreshka.Array    Array .    push  unshift    ,    ,     Array.prototype .  ,        -  forEach .   “”  undefined . 
 
   Matreshka.Array .          -      . 
 
      Array   ,            . 
 
 //       this.push( 1, 2, 3 ); 
   ,       Array.prototype     _ .     ,            . 
 
 this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 }); 
    ,   ,     silent: true   . 
 
 this.push_( 1, 2, 3, { silent: true }); 
  ,  silentPush, silentPop, silentSplice …     -    . 
 
  Babel .    ,    ,         Babel.    ,    for..of ,    ,       ECMAScript 6 (  ,       Github),    Class ,     . 
 
  .      Internet Explorer 8,   Class .    ,       - . 
 
  ,       IE8. ,       “”         . 
 
        . 
 
   
   ,         .  , ,     ,    . ,  itemRenderer ,     (      ). 
 
          ,  ,   ,       . 
 
   ? 
    ,     ,   ,     .    :   , , , ...      . 
 
      :          .    ,      -   . ,   linkProps ,      ,    ,     . 
 
      
  
 
           ,       .   ,   HTML5 cache .       ,   ,      . 
 
    
  
 
         ,        :)         Ctrl+Enter.       . 
   ,        ,  Google Forms,    . 
 
     
  
 
     (, , )   “ ”,   Muut Comments (,  ).           Github,          . 
 
      Disqus , , , Facebook Comments .  ,  ,      . 
 
 Disqus      ,    ,  .     ,      .    Disquss,     (      ,   -  ). ,  ,   ,      ,  Disquss     .  ,       ,     . 
 
 Facebook Comments,   ,    .  --  ;      ;   ,   ;   …  : . Facebook Comments        (!).     ,  Google Forms    .   .   -       . 
 
  
   …  ? ? 
 
  ,   … 
 
 IntenseDebate 
     .    .  ,     . 
 Cackle 
      500 /.    ,     .          . .      -   “”. 
 SolidOpinion 
     .   . 
  ,   (  )      Muut.     ,  ,     (   ).   -      .    ,           Muut.  ,     ( ,     ).       ,   ,    ,   . ,    .  ,    ,     . 
 
     ? * 
 * , ,  
 
  
 
                    .  ,           :      ,       .     (      “ ”  “ ”),     . 
 
 ""  
    CSS  Materialize .  ,          DOM,        (   ), ,    CSS    . ,    (,   )  .    Materialize, ,    . 
 
   
      js     .  .jsdoc     IDE .   TodoMVC       ,      .           .      CDN: cdnjs  jsdelivr (   CDN     ,   jimaek       ). 
 
   designiac ,            Rendol ,    ,        . 
 
     .         . 
 
   .  . 

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

 . 
 
 this.bindNode( 'x', '.my-input' ); 
   for..of  Matreshka.Array  Matreshka.Object .        Internet Explorer      (, Babel ),    ,     ECMAScript 6. 
 
 for(let item of this) { ... } 
 __this__   sandbox .  ,    ,    “”. 
 
 this.bindNode( 'sandbox', '.app' ); 
     ':sandbox'.        ,        . 
 
 this.bindNode( 'x', this.select( '.my-x-node' ) ); 
      : 
 
 this.bindNode( 'x', ':sandbox .my-x-node' ); 
    ':bound(KEY)' .          ,    .     : 
 
 // Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) ); 
  : 
 
 // jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) ); 
       : 
 
 this.bindNode( 'y', ':bound(x) .my-y-node' ); 
    Matreshka.Array    Array .    push  unshift    ,    ,     Array.prototype .  ,        -  forEach .   “”  undefined . 
 
   Matreshka.Array .          -      . 
 
      Array   ,            . 
 
 //       this.push( 1, 2, 3 ); 
   ,       Array.prototype     _ .     ,            . 
 
 this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 }); 
    ,   ,     silent: true   . 
 
 this.push_( 1, 2, 3, { silent: true }); 
  ,  silentPush, silentPop, silentSplice …     -    . 
 
  Babel .    ,    ,         Babel.    ,    for..of ,    ,       ECMAScript 6 (  ,       Github),    Class ,     . 
 
  .      Internet Explorer 8,   Class .    ,       - . 
 
  ,       IE8. ,       “”         . 
 
        . 
 
   
   ,         .  , ,     ,    . ,  itemRenderer ,     (      ). 
 
          ,  ,   ,       . 
 
   ? 
    ,     ,   ,     .    :   , , , ...      . 
 
      :          .    ,      -   . ,   linkProps ,      ,    ,     . 
 
      
  
 
           ,       .   ,   HTML5 cache .       ,   ,      . 
 
    
  
 
         ,        :)         Ctrl+Enter.       . 
   ,        ,  Google Forms,    . 
 
     
  
 
     (, , )   “ ”,   Muut Comments (,  ).           Github,          . 
 
      Disqus , , , Facebook Comments .  ,  ,      . 
 
 Disqus      ,    ,  .     ,      .    Disquss,     (      ,   -  ). ,  ,   ,      ,  Disquss     .  ,       ,     . 
 
 Facebook Comments,   ,    .  --  ;      ;   ,   ;   …  : . Facebook Comments        (!).     ,  Google Forms    .   .   -       . 
 
  
   …  ? ? 
 
  ,   … 
 
 IntenseDebate 
     .    .  ,     . 
 Cackle 
      500 /.    ,     .          . .      -   “”. 
 SolidOpinion 
     .   . 
  ,   (  )      Muut.     ,  ,     (   ).   -      .    ,           Muut.  ,     ( ,     ).       ,   ,    ,   . ,    .  ,    ,     . 
 
     ? * 
 * , ,  
 
  
 
                    .  ,           :      ,       .     (      “ ”  “ ”),     . 
 
 ""  
    CSS  Materialize .  ,          DOM,        (   ), ,    CSS    . ,    (,   )  .    Materialize, ,    . 
 
   
      js     .  .jsdoc     IDE .   TodoMVC       ,      .           .      CDN: cdnjs  jsdelivr (   CDN     ,   jimaek       ). 
 
   designiac ,            Rendol ,    ,        . 
 
     .         . 
 
   .  . 

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

 . 
 
 this.bindNode( 'x', '.my-input' ); 
   for..of  Matreshka.Array  Matreshka.Object .        Internet Explorer      (, Babel ),    ,     ECMAScript 6. 
 
 for(let item of this) { ... } 
 __this__   sandbox .  ,    ,    “”. 
 
 this.bindNode( 'sandbox', '.app' ); 
     ':sandbox'.        ,        . 
 
 this.bindNode( 'x', this.select( '.my-x-node' ) ); 
      : 
 
 this.bindNode( 'x', ':sandbox .my-x-node' ); 
    ':bound(KEY)' .          ,    .     : 
 
 // Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) ); 
  : 
 
 // jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) ); 
       : 
 
 this.bindNode( 'y', ':bound(x) .my-y-node' ); 
    Matreshka.Array    Array .    push  unshift    ,    ,     Array.prototype .  ,        -  forEach .   “”  undefined . 
 
   Matreshka.Array .          -      . 
 
      Array   ,            . 
 
 //       this.push( 1, 2, 3 ); 
   ,       Array.prototype     _ .     ,            . 
 
 this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 }); 
    ,   ,     silent: true   . 
 
 this.push_( 1, 2, 3, { silent: true }); 
  ,  silentPush, silentPop, silentSplice …     -    . 
 
  Babel .    ,    ,         Babel.    ,    for..of ,    ,       ECMAScript 6 (  ,       Github),    Class ,     . 
 
  .      Internet Explorer 8,   Class .    ,       - . 
 
  ,       IE8. ,       “”         . 
 
        . 
 
   
   ,         .  , ,     ,    . ,  itemRenderer ,     (      ). 
 
          ,  ,   ,       . 
 
   ? 
    ,     ,   ,     .    :   , , , ...      . 
 
      :          .    ,      -   . ,   linkProps ,      ,    ,     . 
 
      
  
 
           ,       .   ,   HTML5 cache .       ,   ,      . 
 
    
  
 
         ,        :)         Ctrl+Enter.       . 
   ,        ,  Google Forms,    . 
 
     
  
 
     (, , )   “ ”,   Muut Comments (,  ).           Github,          . 
 
      Disqus , , , Facebook Comments .  ,  ,      . 
 
 Disqus      ,    ,  .     ,      .    Disquss,     (      ,   -  ). ,  ,   ,      ,  Disquss     .  ,       ,     . 
 
 Facebook Comments,   ,    .  --  ;      ;   ,   ;   …  : . Facebook Comments        (!).     ,  Google Forms    .   .   -       . 
 
  
   …  ? ? 
 
  ,   … 
 
 IntenseDebate 
     .    .  ,     . 
 Cackle 
      500 /.    ,     .          . .      -   “”. 
 SolidOpinion 
     .   . 
  ,   (  )      Muut.     ,  ,     (   ).   -      .    ,           Muut.  ,     ( ,     ).       ,   ,    ,   . ,    .  ,    ,     . 
 
     ? * 
 * , ,  
 
  
 
                    .  ,           :      ,       .     (      “ ”  “ ”),     . 
 
 ""  
    CSS  Materialize .  ,          DOM,        (   ), ,    CSS    . ,    (,   )  .    Materialize, ,    . 
 
   
      js     .  .jsdoc     IDE .   TodoMVC       ,      .           .      CDN: cdnjs  jsdelivr (   CDN     ,   jimaek       ). 
 
   designiac ,            Rendol ,    ,        . 
 
     .         . 
 
   .  . 

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

 . 
 
 this.bindNode( 'x', '.my-input' ); 
   for..of  Matreshka.Array  Matreshka.Object .        Internet Explorer      (, Babel ),    ,     ECMAScript 6. 
 
 for(let item of this) { ... } 
 __this__   sandbox .  ,    ,    “”. 
 
 this.bindNode( 'sandbox', '.app' ); 
     ':sandbox'.        ,        . 
 
 this.bindNode( 'x', this.select( '.my-x-node' ) ); 
      : 
 
 this.bindNode( 'x', ':sandbox .my-x-node' ); 
    ':bound(KEY)' .          ,    .     : 
 
 // Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) ); 
  : 
 
 // jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) ); 
       : 
 
 this.bindNode( 'y', ':bound(x) .my-y-node' ); 
    Matreshka.Array    Array .    push  unshift    ,    ,     Array.prototype .  ,        -  forEach .   “”  undefined . 
 
   Matreshka.Array .          -      . 
 
      Array   ,            . 
 
 //       this.push( 1, 2, 3 ); 
   ,       Array.prototype     _ .     ,            . 
 
 this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 }); 
    ,   ,     silent: true   . 
 
 this.push_( 1, 2, 3, { silent: true }); 
  ,  silentPush, silentPop, silentSplice …     -    . 
 
  Babel .    ,    ,         Babel.    ,    for..of ,    ,       ECMAScript 6 (  ,       Github),    Class ,     . 
 
  .      Internet Explorer 8,   Class .    ,       - . 
 
  ,       IE8. ,       “”         . 
 
        . 
 
   
   ,         .  , ,     ,    . ,  itemRenderer ,     (      ). 
 
          ,  ,   ,       . 
 
   ? 
    ,     ,   ,     .    :   , , , ...      . 
 
      :          .    ,      -   . ,   linkProps ,      ,    ,     . 
 
      
  
 
           ,       .   ,   HTML5 cache .       ,   ,      . 
 
    
  
 
         ,        :)         Ctrl+Enter.       . 
   ,        ,  Google Forms,    . 
 
     
  
 
     (, , )   “ ”,   Muut Comments (,  ).           Github,          . 
 
      Disqus , , , Facebook Comments .  ,  ,      . 
 
 Disqus      ,    ,  .     ,      .    Disquss,     (      ,   -  ). ,  ,   ,      ,  Disquss     .  ,       ,     . 
 
 Facebook Comments,   ,    .  --  ;      ;   ,   ;   …  : . Facebook Comments        (!).     ,  Google Forms    .   .   -       . 
 
  
   …  ? ? 
 
  ,   … 
 
 IntenseDebate 
     .    .  ,     . 
 Cackle 
      500 /.    ,     .          . .      -   “”. 
 SolidOpinion 
     .   . 
  ,   (  )      Muut.     ,  ,     (   ).   -      .    ,           Muut.  ,     ( ,     ).       ,   ,    ,   . ,    .  ,    ,     . 
 
     ? * 
 * , ,  
 
  
 
                    .  ,           :      ,       .     (      “ ”  “ ”),     . 
 
 ""  
    CSS  Materialize .  ,          DOM,        (   ), ,    CSS    . ,    (,   )  .    Materialize, ,    . 
 
   
      js     .  .jsdoc     IDE .   TodoMVC       ,      .           .      CDN: cdnjs  jsdelivr (   CDN     ,   jimaek       ). 
 
   designiac ,            Rendol ,    ,        . 
 
     .         . 
 
   .  . 

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

 . 
 
 this.bindNode( 'x', '.my-input' ); 
   for..of  Matreshka.Array  Matreshka.Object .        Internet Explorer      (, Babel ),    ,     ECMAScript 6. 
 
 for(let item of this) { ... } 
 __this__   sandbox .  ,    ,    “”. 
 
 this.bindNode( 'sandbox', '.app' ); 
     ':sandbox'.        ,        . 
 
 this.bindNode( 'x', this.select( '.my-x-node' ) ); 
      : 
 
 this.bindNode( 'x', ':sandbox .my-x-node' ); 
    ':bound(KEY)' .          ,    .     : 
 
 // Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) ); 
  : 
 
 // jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) ); 
       : 
 
 this.bindNode( 'y', ':bound(x) .my-y-node' ); 
    Matreshka.Array    Array .    push  unshift    ,    ,     Array.prototype .  ,        -  forEach .   “”  undefined . 
 
   Matreshka.Array .          -      . 
 
      Array   ,            . 
 
 //       this.push( 1, 2, 3 ); 
   ,       Array.prototype     _ .     ,            . 
 
 this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 }); 
    ,   ,     silent: true   . 
 
 this.push_( 1, 2, 3, { silent: true }); 
  ,  silentPush, silentPop, silentSplice …     -    . 
 
  Babel .    ,    ,         Babel.    ,    for..of ,    ,       ECMAScript 6 (  ,       Github),    Class ,     . 
 
  .      Internet Explorer 8,   Class .    ,       - . 
 
  ,       IE8. ,       “”         . 
 
        . 
 
   
   ,         .  , ,     ,    . ,  itemRenderer ,     (      ). 
 
          ,  ,   ,       . 
 
   ? 
    ,     ,   ,     .    :   , , , ...      . 
 
      :          .    ,      -   . ,   linkProps ,      ,    ,     . 
 
      
  
 
           ,       .   ,   HTML5 cache .       ,   ,      . 
 
    
  
 
         ,        :)         Ctrl+Enter.       . 
   ,        ,  Google Forms,    . 
 
     
  
 
     (, , )   “ ”,   Muut Comments (,  ).           Github,          . 
 
      Disqus , , , Facebook Comments .  ,  ,      . 
 
 Disqus      ,    ,  .     ,      .    Disquss,     (      ,   -  ). ,  ,   ,      ,  Disquss     .  ,       ,     . 
 
 Facebook Comments,   ,    .  --  ;      ;   ,   ;   …  : . Facebook Comments        (!).     ,  Google Forms    .   .   -       . 
 
  
   …  ? ? 
 
  ,   … 
 
 IntenseDebate 
     .    .  ,     . 
 Cackle 
      500 /.    ,     .          . .      -   “”. 
 SolidOpinion 
     .   . 
  ,   (  )      Muut.     ,  ,     (   ).   -      .    ,           Muut.  ,     ( ,     ).       ,   ,    ,   . ,    .  ,    ,     . 
 
     ? * 
 * , ,  
 
  
 
                    .  ,           :      ,       .     (      “ ”  “ ”),     . 
 
 ""  
    CSS  Materialize .  ,          DOM,        (   ), ,    CSS    . ,    (,   )  .    Materialize, ,    . 
 
   
      js     .  .jsdoc     IDE .   TodoMVC       ,      .           .      CDN: cdnjs  jsdelivr (   CDN     ,   jimaek       ). 
 
   designiac ,            Rendol ,    ,        . 
 
     .         . 
 
   .  . 

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

 . 
 
 this.bindNode( 'x', '.my-input' ); 
   for..of  Matreshka.Array  Matreshka.Object .        Internet Explorer      (, Babel ),    ,     ECMAScript 6. 
 
 for(let item of this) { ... } 
 __this__   sandbox .  ,    ,    “”. 
 
 this.bindNode( 'sandbox', '.app' ); 
     ':sandbox'.        ,        . 
 
 this.bindNode( 'x', this.select( '.my-x-node' ) ); 
      : 
 
 this.bindNode( 'x', ':sandbox .my-x-node' ); 
    ':bound(KEY)' .          ,    .     : 
 
 // Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) ); 
  : 
 
 // jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) ); 
       : 
 
 this.bindNode( 'y', ':bound(x) .my-y-node' ); 
    Matreshka.Array    Array .    push  unshift    ,    ,     Array.prototype .  ,        -  forEach .   “”  undefined . 
 
   Matreshka.Array .          -      . 
 
      Array   ,            . 
 
 //       this.push( 1, 2, 3 ); 
   ,       Array.prototype     _ .     ,            . 
 
 this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 }); 
    ,   ,     silent: true   . 
 
 this.push_( 1, 2, 3, { silent: true }); 
  ,  silentPush, silentPop, silentSplice …     -    . 
 
  Babel .    ,    ,         Babel.    ,    for..of ,    ,       ECMAScript 6 (  ,       Github),    Class ,     . 
 
  .      Internet Explorer 8,   Class .    ,       - . 
 
  ,       IE8. ,       “”         . 
 
        . 
 
   
   ,         .  , ,     ,    . ,  itemRenderer ,     (      ). 
 
          ,  ,   ,       . 
 
   ? 
    ,     ,   ,     .    :   , , , ...      . 
 
      :          .    ,      -   . ,   linkProps ,      ,    ,     . 
 
      
  
 
           ,       .   ,   HTML5 cache .       ,   ,      . 
 
    
  
 
         ,        :)         Ctrl+Enter.       . 
   ,        ,  Google Forms,    . 
 
     
  
 
     (, , )   “ ”,   Muut Comments (,  ).           Github,          . 
 
      Disqus , , , Facebook Comments .  ,  ,      . 
 
 Disqus      ,    ,  .     ,      .    Disquss,     (      ,   -  ). ,  ,   ,      ,  Disquss     .  ,       ,     . 
 
 Facebook Comments,   ,    .  --  ;      ;   ,   ;   …  : . Facebook Comments        (!).     ,  Google Forms    .   .   -       . 
 
  
   …  ? ? 
 
  ,   … 
 
 IntenseDebate 
     .    .  ,     . 
 Cackle 
      500 /.    ,     .          . .      -   “”. 
 SolidOpinion 
     .   . 
  ,   (  )      Muut.     ,  ,     (   ).   -      .    ,           Muut.  ,     ( ,     ).       ,   ,    ,   . ,    .  ,    ,     . 
 
     ? * 
 * , ,  
 
  
 
                    .  ,           :      ,       .     (      “ ”  “ ”),     . 
 
 ""  
    CSS  Materialize .  ,          DOM,        (   ), ,    CSS    . ,    (,   )  .    Materialize, ,    . 
 
   
      js     .  .jsdoc     IDE .   TodoMVC       ,      .           .      CDN: cdnjs  jsdelivr (   CDN     ,   jimaek       ). 
 
   designiac ,            Rendol ,    ,        . 
 
     .         . 
 
   .  . 

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

 . 
 
 this.bindNode( 'x', '.my-input' ); 
   for..of  Matreshka.Array  Matreshka.Object .        Internet Explorer      (, Babel ),    ,     ECMAScript 6. 
 
 for(let item of this) { ... } 
 __this__   sandbox .  ,    ,    “”. 
 
 this.bindNode( 'sandbox', '.app' ); 
     ':sandbox'.        ,        . 
 
 this.bindNode( 'x', this.select( '.my-x-node' ) ); 
      : 
 
 this.bindNode( 'x', ':sandbox .my-x-node' ); 
    ':bound(KEY)' .          ,    .     : 
 
 // Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) ); 
  : 
 
 // jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) ); 
       : 
 
 this.bindNode( 'y', ':bound(x) .my-y-node' ); 
    Matreshka.Array    Array .    push  unshift    ,    ,     Array.prototype .  ,        -  forEach .   “”  undefined . 
 
   Matreshka.Array .          -      . 
 
      Array   ,            . 
 
 //       this.push( 1, 2, 3 ); 
   ,       Array.prototype     _ .     ,            . 
 
 this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 }); 
    ,   ,     silent: true   . 
 
 this.push_( 1, 2, 3, { silent: true }); 
  ,  silentPush, silentPop, silentSplice …     -    . 
 
  Babel .    ,    ,         Babel.    ,    for..of ,    ,       ECMAScript 6 (  ,       Github),    Class ,     . 
 
  .      Internet Explorer 8,   Class .    ,       - . 
 
  ,       IE8. ,       “”         . 
 
        . 
 
   
   ,         .  , ,     ,    . ,  itemRenderer ,     (      ). 
 
          ,  ,   ,       . 
 
   ? 
    ,     ,   ,     .    :   , , , ...      . 
 
      :          .    ,      -   . ,   linkProps ,      ,    ,     . 
 
      
  
 
           ,       .   ,   HTML5 cache .       ,   ,      . 
 
    
  
 
         ,        :)         Ctrl+Enter.       . 
   ,        ,  Google Forms,    . 
 
     
  
 
     (, , )   “ ”,   Muut Comments (,  ).           Github,          . 
 
      Disqus , , , Facebook Comments .  ,  ,      . 
 
 Disqus      ,    ,  .     ,      .    Disquss,     (      ,   -  ). ,  ,   ,      ,  Disquss     .  ,       ,     . 
 
 Facebook Comments,   ,    .  --  ;      ;   ,   ;   …  : . Facebook Comments        (!).     ,  Google Forms    .   .   -       . 
 
  
   …  ? ? 
 
  ,   … 
 
 IntenseDebate 
     .    .  ,     . 
 Cackle 
      500 /.    ,     .          . .      -   “”. 
 SolidOpinion 
     .   . 
  ,   (  )      Muut.     ,  ,     (   ).   -      .    ,           Muut.  ,     ( ,     ).       ,   ,    ,   . ,    .  ,    ,     . 
 
     ? * 
 * , ,  
 
  
 
                    .  ,           :      ,       .     (      “ ”  “ ”),     . 
 
 ""  
    CSS  Materialize .  ,          DOM,        (   ), ,    CSS    . ,    (,   )  .    Materialize, ,    . 
 
   
      js     .  .jsdoc     IDE .   TodoMVC       ,      .           .      CDN: cdnjs  jsdelivr (   CDN     ,   jimaek       ). 
 
   designiac ,            Rendol ,    ,        . 
 
     .         . 
 
   .  . 

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

 . 
 
 this.bindNode( 'x', '.my-input' ); 
   for..of  Matreshka.Array  Matreshka.Object .        Internet Explorer      (, Babel ),    ,     ECMAScript 6. 
 
 for(let item of this) { ... } 
 __this__   sandbox .  ,    ,    “”. 
 
 this.bindNode( 'sandbox', '.app' ); 
     ':sandbox'.        ,        . 
 
 this.bindNode( 'x', this.select( '.my-x-node' ) ); 
      : 
 
 this.bindNode( 'x', ':sandbox .my-x-node' ); 
    ':bound(KEY)' .          ,    .     : 
 
 // Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) ); 
  : 
 
 // jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) ); 
       : 
 
 this.bindNode( 'y', ':bound(x) .my-y-node' ); 
    Matreshka.Array    Array .    push  unshift    ,    ,     Array.prototype .  ,        -  forEach .   “”  undefined . 
 
   Matreshka.Array .          -      . 
 
      Array   ,            . 
 
 //       this.push( 1, 2, 3 ); 
   ,       Array.prototype     _ .     ,            . 
 
 this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 }); 
    ,   ,     silent: true   . 
 
 this.push_( 1, 2, 3, { silent: true }); 
  ,  silentPush, silentPop, silentSplice …     -    . 
 
  Babel .    ,    ,         Babel.    ,    for..of ,    ,       ECMAScript 6 (  ,       Github),    Class ,     . 
 
  .      Internet Explorer 8,   Class .    ,       - . 
 
  ,       IE8. ,       “”         . 
 
        . 
 
   
   ,         .  , ,     ,    . ,  itemRenderer ,     (      ). 
 
          ,  ,   ,       . 
 
   ? 
    ,     ,   ,     .    :   , , , ...      . 
 
      :          .    ,      -   . ,   linkProps ,      ,    ,     . 
 
      
  
 
           ,       .   ,   HTML5 cache .       ,   ,      . 
 
    
  
 
         ,        :)         Ctrl+Enter.       . 
   ,        ,  Google Forms,    . 
 
     
  
 
     (, , )   “ ”,   Muut Comments (,  ).           Github,          . 
 
      Disqus , , , Facebook Comments .  ,  ,      . 
 
 Disqus      ,    ,  .     ,      .    Disquss,     (      ,   -  ). ,  ,   ,      ,  Disquss     .  ,       ,     . 
 
 Facebook Comments,   ,    .  --  ;      ;   ,   ;   …  : . Facebook Comments        (!).     ,  Google Forms    .   .   -       . 
 
  
   …  ? ? 
 
  ,   … 
 
 IntenseDebate 
     .    .  ,     . 
 Cackle 
      500 /.    ,     .          . .      -   “”. 
 SolidOpinion 
     .   . 
  ,   (  )      Muut.     ,  ,     (   ).   -      .    ,           Muut.  ,     ( ,     ).       ,   ,    ,   . ,    .  ,    ,     . 
 
     ? * 
 * , ,  
 
  
 
                    .  ,           :      ,       .     (      “ ”  “ ”),     . 
 
 ""  
    CSS  Materialize .  ,          DOM,        (   ), ,    CSS    . ,    (,   )  .    Materialize, ,    . 
 
   
      js     .  .jsdoc     IDE .   TodoMVC       ,      .           .      CDN: cdnjs  jsdelivr (   CDN     ,   jimaek       ). 
 
   designiac ,            Rendol ,    ,        . 
 
     .         . 
 
   .  . 

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

• .

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .
• .

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .
• .

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

• .

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .
• .

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

• .

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .
• .

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

• .

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .
• .

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .
• .

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .
• .

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .

.

this.bindNode( 'x', '.my-input' );
for..of Matreshka.Array Matreshka.Object . Internet Explorer (, Babel ), , ECMAScript 6.

for(let item of this) { ... }
__this__ sandbox . , , “”.

this.bindNode( 'sandbox', '.app' );
':sandbox'. , .

this.bindNode( 'x', this.select( '.my-x-node' ) );
:

this.bindNode( 'x', ':sandbox .my-x-node' );
':bound(KEY)' . , . :

// Vanilla this.bindNode( 'y', this.bound( 'x' ).querySelector( '.my-y-node' ) );
:

// jQuery this.bindNode( 'y', this.$bound( 'x' ).find( '.my-y-node' ) );
:

this.bindNode( 'y', ':bound(x) .my-y-node' );
Matreshka.Array Array . push unshift , , Array.prototype . , - forEach . “” undefined .

Matreshka.Array . - .

Array , .

// this.push( 1, 2, 3 );
, Array.prototype _ . , .

this.on( 'modify', function( evt ) { console.log( evt.customData ); }); this.push_( 1, 2, 3, { customData: 42 });
, , silent: true .

this.push_( 1, 2, 3, { silent: true });
, silentPush, silentPop, silentSplice … - .

Babel . , , Babel. , for..of , , ECMAScript 6 ( , Github), Class , .

. Internet Explorer 8, Class . , - .

, IE8. , “” .

.


, . , , , . , itemRenderer , ( ).

, , , .

?
, , , . : , , , ... .

: . , - . , linkProps , , , .




, . , HTML5 cache . , , .




, :) Ctrl+Enter. .
, , Google Forms, .




(, , ) “ ”, Muut Comments (, ). Github, .

Disqus , , , Facebook Comments . , , .

Disqus , , . , . Disquss, ( , - ). , , , , Disquss . , , .

Facebook Comments, , . -- ; ; , ; … : . Facebook Comments (!). , Google Forms . . - .


… ? ?

, …

IntenseDebate
. . , .
Cackle
500 /. , . . . - “”.
SolidOpinion
. .
, ( ) Muut. , , ( ). - . , Muut. , ( , ). , , , . , . , , .

? *
* , ,



. , : , . ( “ ” “ ”), .

""
CSS Materialize . , DOM, ( ), , CSS . , (, ) . Materialize, , .


js . .jsdoc IDE . TodoMVC , . . CDN: cdnjs jsdelivr ( CDN , jimaek ).

designiac , Rendol , , .

. .

. .