react, es6, and meteor

React, ES6, and Meteor

이상원 (leesn@bookp.al)

AgendaReact?

React loves ES6

React in Meteor

Live coding…

React vs Blaze

Summary

React

Google trends: reactjs, meteorjs

http://facebook.github.io/react/

A javascript library for building user interfaces

React Features

Virtual DOM

One-way data flow

V in MVC

Reusable components

Virtual DOM in React

DOM tree in the memory

isomorphic application with React

Data changed

DOM updated (Rendering)

Flux Architecture

React loves ES6

support ES6 from React 0.13.0

Babel (ES6 to ES5)

ECMAScript 6 (ECMAScript 2015)

Browsers NOT ready for ES6

React in Meteor

https://github.com/meteor/react-packages

meteor add react

https://github.com/reactjs/react-meteor/

meteor add reactjs:react

React packageshttps://github.com/meteor/react-packages

Currently in development

react + babel

Live coding…Hello World

Data & Forms

React + Blaze

React Components in Shine

React vs Blaze

component

isomorphic

virtual DOM

React Native

Blaze 2

Blaze 2https://meteor.hackpad.com/Proposal-for-Blaze-2-

bRAxvfDzCVv

Blaze components

Blaze Virtual DOM

Summary

official react packages currently in development

reactjs provides reactjs:react

React : Blaze, React + Blaze ?

React Native

감사합니다.