open source at facebook - finos 2019/2019 slides...react change the look and feel of the website...
TRANSCRIPT
![Page 1: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/1.jpg)
![Page 2: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/2.jpg)
Open Source at Facebook
Kathy KamHEAD OF OPEN SOURCE
![Page 3: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/3.jpg)
PyTorch Buck Reason Yoga Zstandard Infer IGListKit Litho
HHVM fresco ComponentKit React Native Profilo Duckling pop Docusaurus
Proxygen Hack Presto Flow Immutable-JS GraphQL Flipper Hermes
React Redex RocksDb McRouter Jest osquery ProphetCreate React
App
![Page 4: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/4.jpg)
450+ Projects
Linux
Blockchain
Security
Developer Operations
DataInfrastructure
Virtual Reality
Front End (Android, iOS, Web)
Development Tools
Languages
Artificial Intelligence
![Page 5: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/5.jpg)
Focused on
Developers
Designed for
Scale
Built with
Community
![Page 6: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/6.jpg)
Focused on
Developers
Designed for
Scale
Built with
Community
![Page 7: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/7.jpg)
PyTorchDeep Learning Platform for
Research and Production
![Page 8: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/8.jpg)
AI ML DL
AI/ML Primer
![Page 9: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/9.jpg)
AI/ML Workflow
Deploy Model for Inference
Build & Train Model
Get & PrepareData
![Page 10: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/10.jpg)
Translation Spark AR Oculus VR Blood Donations
![Page 11: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/11.jpg)
Predictions Per Day
![Page 12: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/12.jpg)
Research to Production at FacebookTHE PREVIOUS PROCESS
![Page 13: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/13.jpg)
R E S E A R C H P R O D U C T I O N
![Page 14: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/14.jpg)
Focused on
Developers
Designed for
Scale
Built in
Community
![Page 15: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/15.jpg)
React NativeBuild Mobile Apps with React
![Page 16: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/16.jpg)
60,000 apps include the React Native framework.
Source: Bugsnag
![Page 17: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/17.jpg)
CASE STUDY
Marketplace
Benefits for Marketplace
• React Ecosystem
• Iteration Speed
• Cross-Platform Code Sharing
1 in 3People in the US use
Marketplace every
month
![Page 18: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/18.jpg)
![Page 19: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/19.jpg)
Marketplace StartupH2 2017
Startup Time
Fast H2 2017
![Page 20: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/20.jpg)
Marketplace StartupH2 2017
network + server native render
js + renderreact native startup pre-render js
![Page 21: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/21.jpg)
Marketplace Startup
network + server native render
js + renderreact native startup pre-render js
![Page 22: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/22.jpg)
// index.js
const MarketplaceFeed = require('./MarketplaceFeed');
const MarketplaceItemDetails = require('./MarketplaceItemDetails');
const SafetyCheck = require('./SafetyCheck');
const CityGuides = require('./CityGuides');
// ...
![Page 23: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/23.jpg)
// index.js
const MarketplaceFeed = require('./MarketplaceFeed');
const MarketplaceItemDetails = require('./MarketplaceItemDetails');
const SafetyCheck = require('./SafetyCheck');
const CityGuides = require('./CityGuides');
// ...
const MarketplaceFeed = require('./MarketplaceFeed');
![Page 24: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/24.jpg)
Marketplace Startup
network + server native render
js + renderreact native startup pre-render js
![Page 25: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/25.jpg)
Marketplace Startup
network + server native render
js + renderreact native startup pre-render js
![Page 26: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/26.jpg)
Marketplace Startup
native render
js + renderreact native startup pre-render js
network + server
![Page 27: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/27.jpg)
Marketplace StartupH1 2019
react native startup pre-render js
network + server
native render
js + render
![Page 28: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/28.jpg)
HermesJavaScript Engine Optimized for
React Native
![Page 29: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/29.jpg)
![Page 30: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/30.jpg)
TTI
Time to Interaction
APK
Application Size
Memory
Memory Utilization
Primary Mobile Metrics
![Page 31: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/31.jpg)
TTI
Time to Interaction
APK
Application Size
Memory
Memory Utilization
Primary Mobile Metrics
Stock RN: 4.30s
Hermes RN: 2.01s
Stock RN: 185mb
Hermes RN: 136mb
Stock RN: 41mb
Hermes RN: 22mb
2.29s 19mb 49mb
![Page 32: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/32.jpg)
Focused on
Developers
Designed for
Scale
Built in
Community
![Page 33: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/33.jpg)
ReactA Declarative Way to Build UI
![Page 34: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/34.jpg)
React Developers
1,800,000+
Source: Chrome Web Store
![Page 35: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/35.jpg)
Top contributors on GitHub
Source: octoverse.gi thub .co m /pro jec t s
![Page 36: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/36.jpg)
Responded to almost 500 issues and closed about 300
![Page 37: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/37.jpg)
Merged over 600 PRs
![Page 38: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/38.jpg)
Focused on
Developers
Designed for
Scale
Built in
Community
![Page 39: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/39.jpg)
Designed for
Scale
Built in
CommunityFocused on
Developers
Open Source TeamAdvocacy Tooling
![Page 40: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/40.jpg)
Narrative and
RoadmapContent Engagement
![Page 41: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/41.jpg)
Narrative and
RoadmapContent Engagement
![Page 42: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/42.jpg)
Narrative and
RoadmapContent Engagement
![Page 43: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/43.jpg)
Repo
Profile Page
![Page 44: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/44.jpg)
Automated
Checkup
![Page 45: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/45.jpg)
Stack
Overflow
Integration
![Page 46: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/46.jpg)
DocusaurusEasy to create and maintain open
source documentation websites
![Page 47: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/47.jpg)
Features
Markdown
Save time and
focus on your
project's
documentation
![Page 48: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/48.jpg)
Features
Search
Make it easy for
your community
to find they need
Markdown
Save time and
focus on your
project's
documentation
![Page 49: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/49.jpg)
Features
Search
Make it easy for
your community
to find they need
Localization
Translate your
docs into over 70
languages
Markdown
Save time and
focus on your
project's
documentation
![Page 50: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/50.jpg)
Features
Localization
Translate your
docs into over 70
languages
React
Change the look
and feel of the
website using
React
Search
Make it easy for
your community
to find they need
Markdown
Save time and
focus on your
project's
documentation
![Page 51: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/51.jpg)
Features
Versioning
Support users on
all versions of
your project
React
Change the look
and feel of the
website using
React
Localization
Translate your
docs into over 70
languages
Search
Make it easy for
your community
to find they need
Markdown
Save time and
focus on your
project's
documentation
![Page 52: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/52.jpg)
![Page 53: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/53.jpg)
![Page 54: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/54.jpg)
opensource.facebook.com
For more information:
![Page 55: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/55.jpg)
Thank You!
![Page 56: Open Source at Facebook - FINOS 2019/2019 Slides...React Change the look and feel of the website using React Localization Translate your docs into over 70 languages Search Make it](https://reader033.vdocuments.mx/reader033/viewer/2022060207/5f03dfc67e708231d40b3132/html5/thumbnails/56.jpg)