Download - React, ES6, and Meteor
![Page 2: React, ES6, and Meteor](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/2.jpg)
AgendaReact?
React loves ES6
React in Meteor
Live coding…
React vs Blaze
Summary
![Page 3: React, ES6, and Meteor](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/3.jpg)
React
Google trends: reactjs, meteorjs
http://facebook.github.io/react/
A javascript library for building user interfaces
![Page 4: React, ES6, and Meteor](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/4.jpg)
React Features
Virtual DOM
One-way data flow
V in MVC
Reusable components
![Page 5: React, ES6, and Meteor](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/5.jpg)
Virtual DOM in React
DOM tree in the memory
isomorphic application with React
Data changed
DOM updated (Rendering)
![Page 6: React, ES6, and Meteor](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/6.jpg)
Flux Architecture
![Page 7: React, ES6, and Meteor](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/9.jpg)
React packageshttps://github.com/meteor/react-packages
Currently in development
react + babel
![Page 10: React, ES6, and Meteor](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/10.jpg)
Live coding…Hello World
Data & Forms
React + Blaze
React Components in Shine
![Page 11: React, ES6, and Meteor](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/11.jpg)
React vs Blaze
component
isomorphic
virtual DOM
React Native
Blaze 2
![Page 12: React, ES6, and Meteor](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/12.jpg)
Blaze 2https://meteor.hackpad.com/Proposal-for-Blaze-2-
bRAxvfDzCVv
Blaze components
Blaze Virtual DOM
![Page 13: React, ES6, and Meteor](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/13.jpg)
Summary
official react packages currently in development
reactjs provides reactjs:react
React : Blaze, React + Blaze ?
React Native
![Page 14: React, ES6, and Meteor](https://reader035.vdocuments.pub/reader035/viewer/2022073018/55cdbd5ebb61ebf15d8b4699/html5/thumbnails/14.jpg)
감사합니다.