react, es6, and meteor

14
React, ES6, and Meteor 이상원 ([email protected])

Upload: sangwon-lee

Post on 14-Aug-2015

97 views

Category:

Software


1 download

TRANSCRIPT

Page 1: React, ES6, and Meteor

React, ES6, and Meteor

이상원 ([email protected])

Page 2: React, ES6, and Meteor

AgendaReact?

React loves ES6

React in Meteor

Live coding…

React vs Blaze

Summary

Page 3: React, ES6, and Meteor

React

Google trends: reactjs, meteorjs

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

A javascript library for building user interfaces

Page 4: React, ES6, and Meteor

React Features

Virtual DOM

One-way data flow

V in MVC

Reusable components

Page 5: React, ES6, and Meteor

Virtual DOM in React

DOM tree in the memory

isomorphic application with React

Data changed

DOM updated (Rendering)

Page 6: React, ES6, and Meteor

Flux Architecture

Page 7: React, ES6, and Meteor

React loves ES6

support ES6 from React 0.13.0

Babel (ES6 to ES5)

ECMAScript 6 (ECMAScript 2015)

Browsers NOT ready for ES6

Page 8: React, ES6, and Meteor

React in Meteor

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

meteor add react

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

meteor add reactjs:react

Page 9: React, ES6, and Meteor

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

Currently in development

react + babel

Page 10: React, ES6, and Meteor

Live coding…Hello World

Data & Forms

React + Blaze

React Components in Shine

Page 11: React, ES6, and Meteor

React vs Blaze

component

isomorphic

virtual DOM

React Native

Blaze 2

Page 12: React, ES6, and Meteor

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

bRAxvfDzCVv

Blaze components

Blaze Virtual DOM

Page 13: React, ES6, and Meteor

Summary

official react packages currently in development

reactjs provides reactjs:react

React : Blaze, React + Blaze ?

React Native

Page 14: React, ES6, and Meteor

감사합니다.