Introduction to Facebook React
Download as PPTX, PDF1 like1,237 views
The document provides biographical information about Mitch Chen, an expert in front-end engineering with 8 years of experience. It notes that he is a JavaScript expert and React/Flux enthusiast who has worked as a senior frontend manager and software engineer at several companies. The document also lists Mitch Chen's blog and Facebook group on React and provides a brief introduction to React, highlighting how it renders user interfaces, is battle-tested on large sites, uses components instead of templates, and employs a virtual DOM.
Introduction to Facebook React
- 2. Mitch Chen • 8 Years of Senior Front-end Engineering Experience • JavaScript Expert • React / Flux Enthusiast • Ex-Trender • Father of 2 Children
- 3. 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
- 6. Apps in the Real World
- 8. Instagram
- 9. airbnb
- 10. HipChat
- 11. Polarr
- 15. What is React ?
- 16. • A Library for creating user interfaces • Not yet another JS framework • Renders your UI and responds to Events • Aka: The V in MVC
- 18. Why React Rock?
- 19. • 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
- 23. Virtual DOM
- 25. 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
- 27. ECMAScript 6 “React v0.13 is support for ES6 classes”
- 28. Isomorphic JavaScript “Shared JavaScript that runs on both the client & server”
- 29. React Native
- 30. “Learn once, works everywhere.” React Native
- 32. Let’s React