Facebook React
Mitch Chen
Mitch Chen
• 8 Years of Senior Front-end Engineering
Experience
• JavaScript Expert
• React / Flux Enthusiast
• Ex-Trender
• Father of 2 Children
Mitch Chen
• Migo Corp. - Director (Current)
• Migo Corp. - Sr. Frontend Manager
• U3D Limited Co. - System Architect
• U3D Limited Co. - Sr. Software Engineer
• Koobe - Sr. Software Engineer
• Trend Micro - Sr. Frontend Engineer
• Hyweb Technology Co. - Staff Engineer
https://mitchbox.wordpress.com/
MitchBox
Blog
https://fb.com/groups/228321510706889
Facebook Group
Apps in the Real World
FacebookLookback Video
Instagram
airbnb
HipChat
Polarr
What is React ?
• A Library for creating user interfaces
• Not yet another JS framework
• Renders your UI and responds to Events
• Aka: The V in MVC
Why React Rock?
• Battle-tested on Facebook and Instagram
• Building Large Applications with data that changes
over time
• Components are so Encapsulated, make code
Reuse, Testing and Separation of Concerns easy
• Browser support back to IE8
Components, not Templates
Virtual DOM
Traditional
Web App
React
Web App
On Every Update…
• React builds a new virtual DOM
subtree
• Diff it with the old one
• Computes the minimal set of
DOM mutations and puts them in
a queue
• Batch executes all updates
ECMAScript 6
“React v0.13 is support for ES6 classes”
Isomorphic JavaScript
“Shared JavaScript that runs on both
the client & server”
React Native
“Learn once, works everywhere.”
React Native
Let’s React

Introduction to Facebook React