React + Flux

REACTJS
A JAVASCRIPT LIBRARY FOR
BUILDING USER INTERFACES
/nvnoskov @nvnoskov

ReactJS это не "ещё один JS-framework".
AngularJS, EmberJS, Knockout, Backbone

ЗАДАЧИ REACTJS
Рендер интерфейса
Реакция на события

VIRTUAL DOM
React рендерит документ в памяти при изменении
данных.
В DOM-е только отражаются только минимально
необходимые изменённия.

THINKING IN REACTJS
→
FilterableProductTable (оранжевый): Основной компонент примера
SearchBar (синий): пользовательский ввод (поиск)
ProductTable (зеленый): Отображает и фильтрует данные основываясь на поиск
ProductCategoryRow (голубой): Категория
ProductRow (красный): отображает строку с данными

JSX:
JS:
JSX
render: function () {
  return <div classname="divider">
    Текст
    <hr>
  </div>;
}
render: function () {
  return React.DOM.div({className:"divider"},
    "Текст",
    React.DOM.hr()
  );
}

FLUX
Dispatcher
Actions
Store
Components
Constants

ПОЛЕЗНЫЕ ССЫЛКИ
Thinking in React
Flux – Chat
Awesome React

СПАСИБО ЗА ВНИМАНИЕ!
ВОПРОСЫ?
nikolay@noskov.kz
http://facebook.com/nvnoskov
@nvnoskov

React + Flux

More Related Content

Viewers also liked (13)

Similar to React + Flux (20)

More from ITCrowd Almaty (10)

React + Flux