Open Source at Facebook
Kathy Kam HEAD OF OPEN SOURCE 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
Create React React Redex RocksDb McRouter Jest osquery Prophet App 450+ Projects
Artificial Intelligence
Front End (Android, iOS, Web)
Virtual Reality
Data Languages Infrastructure
Blockchain Development Tools
Security
Linux
Developer Operations Focused on Designed for Built with Developers Scale Community Focused on Designed for Built with Developers Scale Community PyTorch Deep Learning Platform for Research and Production AI/ML Primer
AI ML DL AI/ML Workflow
Get & Prepare Build & Deploy Model Data Train Model for Inference Translation Spark AR Oculus VR Blood Donations Predictions Per Day Research to Production at Facebook THE PREVIOUS PROCESS RESEARCH PRODUCTION Focused on Designed for Built in Developers Scale Community React Native Build Mobile Apps with React 60,000 apps include the React Native framework.
Source: Bugsnag CASE STUDY Marketplace
Benefits for Marketplace
• React Ecosystem • Iteration Speed • Cross-Platform Code Sharing
People in the US use Marketplace every 1 in 3 month
Marketplace Startup H2 2017
Startup Time
Fast H2 2017 Marketplace Startup H2 2017
react native startup pre-render js js + render
network + server native render Marketplace Startup
react native startup pre-render js js + render
network + server native render // index.js const MarketplaceFeed = require('./MarketplaceFeed'); const MarketplaceItemDetails = require('./MarketplaceItemDetails'); const SafetyCheck = require('./SafetyCheck'); const CityGuides = require('./CityGuides');
// ... // index.js const MarketplaceFeed = require('./MarketplaceFeed'); const MarketplaceItemDetails = require('./MarketplaceItemDetails'); const SafetyCheck = require('./SafetyCheck'); const CityGuides = require('./CityGuides');
// ... Marketplace Startup
react native startup pre-render js js + render
network + server native render Marketplace Startup
react native startup pre-render js js + render
network + server native render Marketplace Startup
react native startup pre-render js js + render
native render
network + server Marketplace Startup H1 2019
react native startup pre-render js js + render
native render
network + server Hermes JavaScript Engine Optimized for React Native
Primary Mobile Metrics
TTI APK Memory Time to Interaction Application Size Memory Utilization Primary Mobile Metrics
TTI APK Memory Time to Interaction Application Size Memory Utilization 2.29s 19mb 49mb Stock RN: 41mb Stock RN: 4.30s Stock RN: 185mb Hermes RN: 22mb Hermes RN: 2.01s Hermes RN: 136mb Focused on Designed for Built in Developers Scale Community React A Declarative Way to Build UI React Developers 1,800,000+
Source: Chrome Web Store Top contributors on GitHub
Source: octoverse.github.com/projects Responded to almost 500 issues and closed about 300 Merged over 600 PRs Focused on Designed for Built in Developers Scale Community Focused on Designed for Built in Developers Scale Community
Open Source Team
Advocacy Tooling Narrative and Content Engagement Roadmap Narrative and Content Engagement Roadmap Narrative and Content Engagement Roadmap Repo Profile Page Automated Checkup Stack Overflow Integration Docusaurus Easy to create and maintain open source documentation websites Features
Markdown Save time and focus on your project's documentation Features
Markdown Search Save time and Make it easy for focus on your your community project's to find they need documentation Features
Markdown Search Localization Save time and Make it easy for Translate your focus on your your community docs into over 70 project's to find they need languages documentation Features
Markdown Search Localization React Save time and Make it easy for Translate your Change the look focus on your your community docs into over 70 and feel of the project's to find they need languages website using documentation React Features
Markdown Search Localization React Versioning Save time and Make it easy for Translate your Change the look Support users on focus on your your community docs into over 70 and feel of the all versions of project's to find they need languages website using your project documentation React
For more information:
opensource.facebook.com Thank You!