Facebook ReactMitch 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

TraditionalWeb App

ReactWeb 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