Framework에서 제공하는 DOM 추상화 Layer

Jquery, YUI, Jindo …

Library

Backbone.js, AngularJS, Ember.js, KnockoutJS, Dojo, CanJS, Polymer, Vue.js …

MV* Framework

DOMHTML+CSS DOMHTML+CSS DOMHTML+CSS

Custom JavaScript App

Virtual DOM

Real DOMComponents

JavaScript React Class

화면출처: https://facebook.github.io/react/

1. Input

2. query3. UpdateController ModelViewView

ViewModel ModelViewView

1. command

data binding

2. dispatch

3. query

ViewModel (Store) ModelViewView

data binding 3. query

1. command

2. dispatch

화면출처: daum.net

초기화

State가 변경될때

Unmount

MobileDesktop

화면출처: daum.net

<Ranking />

<RankingTab name=“뉴스”/>

<RankingTab name=“스포츠”/>

<RankingTab name=“연예”/>

<RankingTabHeader />

<RankingTabBody/>

<RankingTabItems /

<RankingTabFooter />

<RankingTabHeader />

<RankingTabHeader />