CINXE.COM
Web Archives - Engineering at Meta
<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-title" content="Engineering at Meta - Engineering at Meta Blog"> <meta property="fb:app_id" content="1425766027653270" /> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://engineering.fb.com/xmlrpc.php"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- This site is optimized with the Yoast SEO Premium plugin v19.3 (Yoast SEO v19.12) - https://yoast.com/wordpress/plugins/seo/ --> <title>Web Archives - Engineering at Meta</title> <link rel="canonical" href="https://engineering.fb.com/category/web/" /> <link rel="next" href="https://engineering.fb.com/category/web/page/2/" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://engineering.fb.com/category/web/","url":"https://engineering.fb.com/category/web/","name":"Web Archives - Engineering at Meta","isPartOf":{"@id":"https://engineering.fb.com/#website"},"primaryImageOfPage":{"@id":"https://engineering.fb.com/category/web/#primaryimage"},"image":{"@id":"https://engineering.fb.com/category/web/#primaryimage"},"thumbnailUrl":"https://engineering.fb.com/wp-content/uploads/2024/10/React-Meta-Connect-2024-hero-compressed.jpg","breadcrumb":{"@id":"https://engineering.fb.com/category/web/#breadcrumb"},"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://engineering.fb.com/category/web/#primaryimage","url":"https://engineering.fb.com/wp-content/uploads/2024/10/React-Meta-Connect-2024-hero-compressed.jpg","contentUrl":"https://engineering.fb.com/wp-content/uploads/2024/10/React-Meta-Connect-2024-hero-compressed.jpg","width":3840,"height":2160},{"@type":"BreadcrumbList","@id":"https://engineering.fb.com/category/web/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://engineering.fb.com/"},{"@type":"ListItem","position":2,"name":"Web"}]},{"@type":"WebSite","@id":"https://engineering.fb.com/#website","url":"https://engineering.fb.com/","name":"Engineering at Meta","description":"Engineering at Meta Blog","publisher":{"@id":"https://engineering.fb.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://engineering.fb.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://engineering.fb.com/#organization","name":"Meta","url":"https://engineering.fb.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://engineering.fb.com/#/schema/logo/image/","url":"https://engineering.fb.com/wp-content/uploads/2023/08/Meta_lockup_positive-primary_RGB.jpg","contentUrl":"https://engineering.fb.com/wp-content/uploads/2023/08/Meta_lockup_positive-primary_RGB.jpg","width":29011,"height":12501,"caption":"Meta"},"image":{"@id":"https://engineering.fb.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/Engineering/","https://twitter.com/fb_engineering"]}]}</script> <!-- / Yoast SEO Premium plugin. --> <link rel='dns-prefetch' href='//secure.gravatar.com' /> <link rel='dns-prefetch' href='//v0.wordpress.com' /> <link rel="alternate" type="application/rss+xml" title="Engineering at Meta » Feed" href="https://engineering.fb.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Engineering at Meta » Comments Feed" href="https://engineering.fb.com/comments/feed/" /> <script async src="https://www.googleoptimize.com/optimize.js?id=OPT-TPNDQC5" onerror="dataLayer.hide.end && dataLayer.hide.end()"></script> <link rel="alternate" type="application/rss+xml" title="Engineering at Meta » Web Category Feed" href="https://engineering.fb.com/category/web/feed/" /> <meta property="og:site_name" content="Engineering at Meta"/> <meta property="og:image" content="https://engineering.fb.com/wp-content/themes/code-fb-com/img/default_feature.jpg"/> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/engineering.fb.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='all-css-2' href='https://engineering.fb.com/wp-includes/css/dist/block-library/style.min.css?m=1739294329g' type='text/css' media='all' /> <link rel='stylesheet' id='all-css-4' href='https://engineering.fb.com/_static/??-eJzTLy/QzcxLzilNSS3WzyrWz01NyUxMzUnNTc0rQeEU5CRWphbp5qSmJyZX6uVm5uklFxfr6OPTDpRD5sM02efaGpobWxpZmhgbGwAAROEu5A==' type='text/css' media='all' /> <style id='jetpack-sharing-buttons-style-inline-css'> .jetpack-sharing-buttons__services-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:0;list-style-type:none;margin:5px;padding:0}.jetpack-sharing-buttons__services-list.has-small-icon-size{font-size:12px}.jetpack-sharing-buttons__services-list.has-normal-icon-size{font-size:16px}.jetpack-sharing-buttons__services-list.has-large-icon-size{font-size:24px}.jetpack-sharing-buttons__services-list.has-huge-icon-size{font-size:36px}@media print{.jetpack-sharing-buttons__services-list{display:none!important}}.editor-styles-wrapper .wp-block-jetpack-sharing-buttons{gap:0;padding-inline-start:0}ul.jetpack-sharing-buttons__services-list.has-background{padding:1.25em 2.375em} </style> <style id='elasticpress-facet-style-inline-css'> .widget_ep-facet input[type=search],.wp-block-elasticpress-facet input[type=search]{margin-bottom:1rem}.widget_ep-facet .searchable .inner,.wp-block-elasticpress-facet .searchable .inner{max-height:20em;overflow:scroll}.widget_ep-facet .term.hide,.wp-block-elasticpress-facet .term.hide{display:none}.widget_ep-facet .empty-term,.wp-block-elasticpress-facet .empty-term{opacity:.5;position:relative}.widget_ep-facet .empty-term:after,.wp-block-elasticpress-facet .empty-term:after{bottom:0;content:" ";display:block;left:0;position:absolute;right:0;top:0;width:100%;z-index:2}.widget_ep-facet .level-1,.wp-block-elasticpress-facet .level-1{padding-left:20px}.widget_ep-facet .level-2,.wp-block-elasticpress-facet .level-2{padding-left:40px}.widget_ep-facet .level-3,.wp-block-elasticpress-facet .level-3{padding-left:60px}.widget_ep-facet .level-4,.wp-block-elasticpress-facet .level-4{padding-left:5pc}.widget_ep-facet .level-5,.wp-block-elasticpress-facet .level-5{padding-left:75pt}.widget_ep-facet input[disabled],.wp-block-elasticpress-facet input[disabled]{cursor:pointer;opacity:1}.widget_ep-facet .term a,.wp-block-elasticpress-facet .term a{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.widget_ep-facet .term a:hover .ep-checkbox,.wp-block-elasticpress-facet .term a:hover .ep-checkbox{background-color:#ccc}.ep-checkbox{-webkit-box-align:center;-ms-flex-align:center;-ms-flex-negative:0;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;flex-shrink:0;height:1em;justify-content:center;margin-right:.25em;width:1em}.ep-checkbox:after{border:solid #fff;border-width:0 .125em .125em 0;content:"";display:none;height:.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.25em}.ep-checkbox.checked{background-color:#5e5e5e}.ep-checkbox.checked:after{display:block} </style> <link rel='stylesheet' id='all-css-8' href='https://engineering.fb.com/wp-content/mu-plugins/search/elasticpress/dist/css/related-posts-block-styles.min.css?m=1739821441g' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='all-css-12' href='https://engineering.fb.com/_static/??/wp-content/plugins/wp-gdpr-consent/dist/gdprconsent.css,/wp-content/themes/code-fb-com/dist/css/child-theme.min.css?m=1720616012' type='text/css' media='all' /> <script type="text/javascript" src="https://engineering.fb.com/wp-content/plugins/wp-gdpr-consent/dist/gdprconsent.js?ver=2.0.0" id="gdprconsent-js"></script> <script type="text/javascript" id="gdprconsent-js-after"> /* <![CDATA[ */ if (window.gdprSafeTrack) { window.gdprSafeTrack('https://www.googletagmanager.com/gtag/js?id=391063774'); window.gdprSafeTrack(function() { var google_analytics_g4 = decodeURIComponent( '391063774' ); window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', google_analytics_g4); }); } if (window.gdprSafeTrack) { window.gdprSafeTrack(function() { var google_tag_manager = decodeURIComponent( 'GTM-KZRLGZ8' ); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer',google_tag_manager); }); } if (window.gdprSafeTrack) { window.gdprSafeTrack(function() { var facebook_pixel = decodeURIComponent( '660742068067366' ); !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', facebook_pixel); fbq('track', 'PageView'); }); } /* ]]> */ </script> <script type="text/javascript" src="https://engineering.fb.com/_static/??-eJzTLy/QzcxLzilNSS3WzwKiwtLUokoopZebmaeXVayjj0+Rbm5melFiSSqy4uT8vJLUvBL9kozUXKCW0ryU1KLikqLEApDugvyCgtQiqHL7XFtDc2NLI0sTY2ODLAD4HjQF" ></script><link rel="https://api.w.org/" href="https://engineering.fb.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://engineering.fb.com/wp-json/wp/v2/categories/6" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://engineering.fb.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel="preload" href="https://engineering.fb.com/wp-content/themes/code-fb-com/fonts/FacebookReader-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://engineering.fb.com/wp-content/themes/code-fb-com/fonts/FacebookReader-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://engineering.fb.com/wp-content/themes/code-fb-com/fonts/Optimistic_Display_W_Md.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <!-- Jetpack Open Graph Tags --> <meta property="og:type" content="website" /> <meta property="og:title" content="Web Archives - Engineering at Meta" /> <meta property="og:url" content="https://engineering.fb.com/category/web/" /> <meta property="og:description" content="At Facebook's scale, we need to build and run a massive and secure web infrastructure, design beautiful user experiences, and craft blazingly fast client-side code. Facebook's front-end engineers b…" /> <meta property="og:site_name" content="Engineering at Meta" /> <meta property="og:image" content="https://engineering.fb.com/wp-content/themes/code-fb-com/img/default_feature.jpg" /> <meta property="og:image:alt" content="" /> <meta property="og:locale" content="en_US" /> <!-- End Jetpack Open Graph Tags --> <link rel="shortcut icon" href="https://engineering.fb.com/wp-content/themes/code-fb-com/favicon.ico" /> </head> <body class="archive category category-web category-6 group-blog hfeed"> <div class="hfeed site" id="page"> <!-- ******************* The Navbar Area ******************* --> <div class="wrapper-fluid wrapper-navbar" id="wrapper-navbar"> <a class="skip-link screen-reader-text sr-only" href="#content"> Skip to content </a> <nav class="navbar navbar-expand-std"> <div class="nav-container"> <!-- Your site title as branding in the menu --> <div class="nav-top-row"> <h1 class="navbar-brand mb-0"> <a rel="home" href="https://engineering.fb.com/" title="Engineering at Meta"> <img class="navbar-brand-logo" src="https://engineering.fb.com/wp-content/themes/code-fb-com/img/logo-meta.svg" class="navbar-brand-logo" alt="Engineering at Meta" width="215" height="40" loading="lazy"> </a> </h1> <!-- end custom logo --> <label for="search" class="screen-reader-text">Search this site</label> <input type="text" id="search" name="search" class="form-control-lg navbar-search" autocomplete="off"> <button class="navbar-toggler navbar-searchbar-toggler" type="button" data-toggle="collapse" data-target="#searchbarDropdown" aria-controls="searchbarDropdown" aria-expanded="false" aria-label="Toggle navigation"> <img src="https://engineering.fb.com/wp-content/themes/code-fb-com/img/icon-search.svg" class="navbar-mobile-search-icon" loading="lazy" width="24" height="25" /> </button> <!-- desktop language menu (mobile language menu is implemented via jQuery)--> <div class="notranslate nice-select navbar-language form-control"> </div> <button class="navbar-toggler collapsed navbar-menu-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="navbar-border"></div> <!-- The WordPress Menu goes here --> <div id="navbarNavDropdown" class="collapse navbar-collapse"><ul id="main-menu" class="navbar-nav"><li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children nav-item menu-item-60 dropdown"><a title="Open Source" href="#" data-toggle="dropdown" class="nav-link dropdown-toggle">Open Source <span class="caret"></span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 129 129" enable-background="new 0 0 129 129" width="12px" height="15px"> <polyline points="40 50 80 90 120 50" stroke="#adb1b8" stroke-width="10" stroke-linecap="butt" fill="none" stroke-linejoin="miter"/> </svg></a> <ul class=" dropdown-menu" role="menu"> <li id="menu-item-12330" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-12330"><a title="Open Source" href="https://engineering.fb.com/category/open-source/" class="nav-link">Open Source</a></li> <li id="menu-item-12331" class="menu-item menu-item-type-custom menu-item-object-custom nav-item menu-item-12331"><a title="Meta Open Source" href="https://opensource.fb.com" class="nav-link">Meta Open Source</a></li> </ul> </li> <li id="menu-item-2686" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children nav-item menu-item-2686 dropdown"><a title="Platforms" href="#" data-toggle="dropdown" class="nav-link dropdown-toggle">Platforms <span class="caret"></span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 129 129" enable-background="new 0 0 129 129" width="12px" height="15px"> <polyline points="40 50 80 90 120 50" stroke="#adb1b8" stroke-width="10" stroke-linecap="butt" fill="none" stroke-linejoin="miter"/> </svg></a> <ul class=" dropdown-menu" role="menu"> <li id="menu-item-65" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-65"><a title="Android" href="https://engineering.fb.com/category/android/" class="nav-link">Android</a></li> <li id="menu-item-66" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-66"><a title="iOS" href="https://engineering.fb.com/category/ios/" class="nav-link">iOS</a></li> <li id="menu-item-67" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item nav-item menu-item-67 active"><a title="Web" href="https://engineering.fb.com/category/web/" class="nav-link">Web</a></li> </ul> </li> <li id="menu-item-2682" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children nav-item menu-item-2682 dropdown"><a title="Infrastructure Systems" href="#" data-toggle="dropdown" class="nav-link dropdown-toggle">Infrastructure Systems <span class="caret"></span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 129 129" enable-background="new 0 0 129 129" width="12px" height="15px"> <polyline points="40 50 80 90 120 50" stroke="#adb1b8" stroke-width="10" stroke-linecap="butt" fill="none" stroke-linejoin="miter"/> </svg></a> <ul class=" dropdown-menu" role="menu"> <li id="menu-item-218" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-218"><a title="Core Infra" href="https://engineering.fb.com/category/core-infra/" class="nav-link">Core Infra</a></li> <li id="menu-item-219" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-219"><a title="Data Infrastructure" href="https://engineering.fb.com/category/data-infrastructure/" class="nav-link">Data Infrastructure</a></li> <li id="menu-item-220" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-220"><a title="DevInfra" href="https://engineering.fb.com/category/developer-tools/" class="nav-link">DevInfra</a></li> <li id="menu-item-226" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-226"><a title="Production Engineering" href="https://engineering.fb.com/category/production-engineering/" class="nav-link">Production Engineering</a></li> <li id="menu-item-227" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-227"><a title="Security" href="https://engineering.fb.com/category/security/" class="nav-link">Security</a></li> <li id="menu-item-18607" class="menu-item menu-item-type-custom menu-item-object-custom nav-item menu-item-18607"><a title="Research Publications" href="https://research.facebook.com/publications/research-areas/systems-infrastructure/" class="nav-link">Research Publications</a></li> </ul> </li> <li id="menu-item-2683" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children nav-item menu-item-2683 dropdown"><a title="Physical Infrastructure" href="#" data-toggle="dropdown" class="nav-link dropdown-toggle">Physical Infrastructure <span class="caret"></span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 129 129" enable-background="new 0 0 129 129" width="12px" height="15px"> <polyline points="40 50 80 90 120 50" stroke="#adb1b8" stroke-width="10" stroke-linecap="butt" fill="none" stroke-linejoin="miter"/> </svg></a> <ul class=" dropdown-menu" role="menu"> <li id="menu-item-215" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-215"><a title="Connectivity" href="https://engineering.fb.com/category/connectivity/" class="nav-link">Connectivity</a></li> <li id="menu-item-216" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-216"><a title="Data Center Engineering" href="https://engineering.fb.com/category/data-center-engineering/" class="nav-link">Data Center Engineering</a></li> <li id="menu-item-217" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-217"><a title="Networking & Traffic" href="https://engineering.fb.com/category/networking-traffic/" class="nav-link">Networking & Traffic</a></li> <li id="menu-item-18608" class="menu-item menu-item-type-custom menu-item-object-custom nav-item menu-item-18608"><a title="Research Publications" href="https://research.facebook.com/publications/research-areas/networking-connectivity/" class="nav-link">Research Publications</a></li> </ul> </li> <li id="menu-item-2684" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children nav-item menu-item-2684 dropdown"><a title="Video Engineering & AR/VR" href="#" data-toggle="dropdown" class="nav-link dropdown-toggle">Video Engineering & AR/VR <span class="caret"></span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 129 129" enable-background="new 0 0 129 129" width="12px" height="15px"> <polyline points="40 50 80 90 120 50" stroke="#adb1b8" stroke-width="10" stroke-linecap="butt" fill="none" stroke-linejoin="miter"/> </svg></a> <ul class=" dropdown-menu" role="menu"> <li id="menu-item-225" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-225"><a title="Video Engineering" href="https://engineering.fb.com/category/video-engineering/" class="nav-link">Video Engineering</a></li> <li id="menu-item-223" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-223"><a title="Virtual Reality" href="https://engineering.fb.com/category/virtual-reality/" class="nav-link">Virtual Reality</a></li> <li id="menu-item-13388" class="menu-item menu-item-type-custom menu-item-object-custom nav-item menu-item-13388"><a title="Research Publications" href="https://research.facebook.com/publications/research-areas/augmented-reality-virtual-reality/" class="nav-link">Research Publications</a></li> </ul> </li> <li id="menu-item-2685" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children nav-item menu-item-2685 dropdown"><a title="Artificial Intelligence" href="#" data-toggle="dropdown" class="nav-link dropdown-toggle">Artificial Intelligence <span class="caret"></span><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 129 129" enable-background="new 0 0 129 129" width="12px" height="15px"> <polyline points="40 50 80 90 120 50" stroke="#adb1b8" stroke-width="10" stroke-linecap="butt" fill="none" stroke-linejoin="miter"/> </svg></a> <ul class=" dropdown-menu" role="menu"> <li id="menu-item-222" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-222"><a title="ML Applications" href="https://engineering.fb.com/category/ml-applications/" class="nav-link">ML Applications</a></li> <li id="menu-item-221" class="menu-item menu-item-type-taxonomy menu-item-object-category nav-item menu-item-221"><a title="AI Research" href="https://engineering.fb.com/category/ai-research/" class="nav-link">AI Research</a></li> <li id="menu-item-13387" class="menu-item menu-item-type-custom menu-item-object-custom nav-item menu-item-13387"><a title="Research Publications" href="https://ai.facebook.com/results/?content_types%5B0%5D=publication" class="nav-link">Research Publications</a></li> </ul> </li> <li id="menu-item-228" class="menu-item menu-item-type-custom menu-item-object-custom nav-item menu-item-228"><a title="Watch Videos" href="/videos" class="nav-link">Watch Videos</a></li> </ul></div> </div><!-- .container --> <div class="search-container collapse" id="searchbarDropdown"> <div class="searchbar-search"> <div class="searchbar-container"> <div class="navbar-mobile-search-margin"></div> <input type="text" name="search" placeholder="Search" class="form-control-lg navbar-mobile-search" autofocus autocomplete="off"> <button class="searchbar-clear"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> </div> </div> </nav><!-- .site-navigation --> </div><!-- .wrapper-navbar end --> <div class="wrapper" id="archive-wrapper"> <div class="archive-container row" id="content" tabindex="-1"> <!-- <div class="row"> --> <header class="page-header"> <h1 class="page-title">Web</h1> <div class="page-description"> <div class="taxonomy-description"><p>At Facebook’s scale, we need to build and run a massive and secure web infrastructure, design beautiful user experiences, and craft blazingly fast client-side code. Facebook’s front-end engineers build products that impact more than a billion people every day. Our engineering culture isn’t afraid to question best practices and prides itself on shipping quality, performant, and stable code. Our experiences building products for Facebook has spawned industry-leading open source projects like React, Flow, and Relay.</p> </div> </div> <div class="card"> <div class="card-header mobile-related-projects" data-toggle="collapse" data-target="#related-projects" aria-expanded="true" aria-controls="related-projects"> View Related Posts <img src="https://engineering.fb.com/wp-content/themes/code-fb-com/img/caret.png" alt=""> </div> <div id="related-projects" class="collapse" data-parent="#accordion"> <div class="card-body"> </div> </div> </div> <div class="card"> <div class="card-header mobile-related-positions" data-toggle="collapse" data-target="#related-positions" aria-expanded="true" aria-controls="related-positions"> View Related Job Openings <img src="https://engineering.fb.com/wp-content/themes/code-fb-com/img/caret.png" alt=""> </div> <div id="related-positions" class="collapse" data-parent="#accordion"> <div class="card-body"> </div> </div> </div> </header><!-- .page-header --> <!-- Do the left sidebar check --> <div class="content-area" id="primary"> <main class="site-main" id="main"> <div class="top-articles"> <div class="top-left-article"> <article class="post-21703 post type-post status-publish format-standard has-post-thumbnail hentry category-android category-ios category-open-source category-virtual-reality category-web fb_content_type-article" id="post-21703"> <a href="https://engineering.fb.com/2024/10/02/android/react-at-meta-connect-2024/" rel="bookmark" aria-label="Read More about React at Meta Connect 2024"> <img width="3840" height="2160" src="https://engineering.fb.com/wp-content/uploads/2024/10/React-Meta-Connect-2024-hero-compressed.jpg" class="attachment-full size-full" alt="" /> </a> <header class="entry-header"> <div class="entry-header__top"> <span class="cat-links"><a class="category" href="https://engineering.fb.com/category/android/" rel="category tag" aria-label="View all Android category content.">Android</a></span> </div> <div class="entry-title"> <div> <a href="https://engineering.fb.com/2024/10/02/android/react-at-meta-connect-2024/" rel="bookmark" aria-label="Read More about React at Meta Connect 2024"> React at Meta Connect 2024 </a> </div> </div> <div class="entry-meta"> </div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> </div> <div class="top-right-article"> <article class="post post-21258 type-post status-publish format-standard has-post-thumbnail hentry category-web tag-instagram tag-whatsapp fb_content_type-article" id="post-21258" data-video-url="" data-video-html="" data-video-title="" data-video-postdate=""> <a href="https://engineering.fb.com/2024/06/13/web/mlow-metas-low-bitrate-audio-codec/" class="feat-image" aria-label="Read More about MLow: Meta’s low bitrate audio codec"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2024/06/MLow-Hero-1.png?w=580&h=326&crop=1" class="attachment-thumbnail size-thumbnail" alt="" /> </a> <header class="entry-header"> <div class="entry-header__top"> <span class="cat-links"> <a class="category" href="https://engineering.fb.com/category/web/" rel="category tag" aria-label="View all content from the Web category." > Web </a> </span> <span class="posted-on"><time class="entry-date published" datetime="JUN 13, 2024">JUN 13, 2024</time></span> </div> <div class="entry-title"> <div> <a href="https://engineering.fb.com/2024/06/13/web/mlow-metas-low-bitrate-audio-codec/" rel="bookmark" aria-label="Read More about MLow: Meta’s low bitrate audio codec"> MLow: Meta’s low bitrate audio codec </a> </div> </div> <div class="entry-meta"> </div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> <article class="post post-21199 type-post status-publish format-standard has-post-thumbnail hentry category-core-infra category-culture category-production-engineering category-web tag-meta-tech-podcast tag-threads fb_content_type-article" id="post-21199" data-video-url="" data-video-html="" data-video-title="" data-video-postdate=""> <a href="https://engineering.fb.com/2024/05/14/web/threads-for-web-behind-the-scenes/" class="feat-image" aria-label="Read More about Behind the scenes of Threads for web"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2024/05/Meta-Tech-Podcast-Threads-for-Web.png?w=580&h=326&crop=1" class="attachment-thumbnail size-thumbnail" alt="Meta Tech Podcast - Threads for Web" /> </a> <header class="entry-header"> <div class="entry-header__top"> <span class="cat-links"> <a class="category" href="https://engineering.fb.com/category/core-infra/" rel="category tag" aria-label="View all content from the Core Infra category." > Core Infra </a> </span> <span class="posted-on"><time class="entry-date published updated" datetime="MAY 14, 2024">MAY 14, 2024</time></span> </div> <div class="entry-title"> <div> <a href="https://engineering.fb.com/2024/05/14/web/threads-for-web-behind-the-scenes/" rel="bookmark" aria-label="Read More about Behind the scenes of Threads for web"> Behind the scenes of Threads for web </a> </div> </div> <div class="entry-meta"> </div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> </div> </div> <!--end top-posts--> <div class="article-grids col-md-12"> <!-- desktop only filter --> <ul class="article-filters-home"> <li tabindex="0" data-filter="article" class="filter-item">Articles</li> <li tabindex="0" data-filter="video" class="filter-item">Videos</li> <li class="external-link"><a href="https://research.facebook.com/publications/research-areas/security-and-privacy/" target="_blank">Publications</a></li> </ul> <!-- mobile only filter--> <h6 class="mobile-articles-title">The Latest</h6> <div class="row"> <div class="article-grid col-12 col-md-4"> <article class="post post-21166 type-post status-publish format-standard has-post-thumbnail hentry category-android category-ios category-production-engineering category-video-engineering category-web tag-instagram tag-meta-tech-podcast tag-threads fb_content_type-article" id="post-21166" data-video-url="" data-video-html="" data-video-title="" data-video-postdate=""> <a href="https://engineering.fb.com/2024/03/26/android/instagram-threads-hdr-photos/" class="feat-image" aria-label="Read More about Bringing HDR photo support to Instagram and Threads"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2024/03/Meta-Tech-Podcast-61.webp?w=580&h=326&crop=1" class="attachment-thumbnail size-thumbnail" alt="" loading="lazy" /> </a> <header class="entry-header"> <div class="entry-header__top"> <span class="cat-links"> <a class="category" href="https://engineering.fb.com/category/android/" rel="category tag" aria-label="View all content from the Android category." > Android </a> </span> <span class="posted-on"><time class="entry-date published" datetime="MAR 26, 2024">MAR 26, 2024</time></span> </div> <div class="entry-title"> <div> <a href="https://engineering.fb.com/2024/03/26/android/instagram-threads-hdr-photos/" rel="bookmark" aria-label="Read More about Bringing HDR photo support to Instagram and Threads"> Bringing HDR photo support to Instagram and Threads </a> </div> </div> <div class="entry-meta"> </div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> </div> <div class="article-grid col-12 col-md-4"> <article class="post post-20726 type-post status-publish format-standard has-post-thumbnail hentry category-android category-culture category-ios category-web tag-meta-tech-podcast tag-threads fb_content_type-article" id="post-20726" data-video-url="" data-video-html="" data-video-title="" data-video-postdate=""> <a href="https://engineering.fb.com/2023/11/06/android/how-meta-built-threads-in-5-months/" class="feat-image" aria-label="Read More about How Meta built Threads in 5 months"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2023/10/MTP56_FBLI_1200_630.png?w=580&h=326&crop=1" class="attachment-thumbnail size-thumbnail" alt="Meta Tech Podcast episode 56" loading="lazy" title="MTP56_FBLI_1200_630" /> </a> <header class="entry-header"> <div class="entry-header__top"> <span class="cat-links"> <a class="category" href="https://engineering.fb.com/category/android/" rel="category tag" aria-label="View all content from the Android category." > Android </a> </span> <span class="posted-on"><time class="entry-date published" datetime="NOV 6, 2023">NOV 6, 2023</time></span> </div> <div class="entry-title"> <div> <a href="https://engineering.fb.com/2023/11/06/android/how-meta-built-threads-in-5-months/" rel="bookmark" aria-label="Read More about How Meta built Threads in 5 months"> How Meta built Threads in 5 months </a> </div> </div> <div class="entry-meta"> </div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> </div> <div class="article-grid col-12 col-md-4"> <article class="post post-20571 type-post status-publish format-standard has-post-thumbnail hentry category-culture category-developer-tools category-open-source category-web tag-meta-tech-podcast fb_content_type-article" id="post-20571" data-video-url="" data-video-html="" data-video-title="" data-video-postdate=""> <a href="https://engineering.fb.com/2023/09/05/web/what-like-ship-code-meta-tech-podcast/" class="feat-image" aria-label="Read More about What is it like to write code at Meta?"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2023/09/MTP_EP55_LightBkgd_CovertArt_Large_3000_3000.png?w=580&h=326&crop=1" class="attachment-thumbnail size-thumbnail" alt="Meta Tech Podcast: What's it like to code at Meta?" loading="lazy" title="MTP_EP55_LightBkgd_CovertArt_Large_3000_3000" /> </a> <header class="entry-header"> <div class="entry-header__top"> <span class="cat-links"> <a class="category" href="https://engineering.fb.com/category/culture/" rel="category tag" aria-label="View all content from the Culture category." > Culture </a> </span> <span class="posted-on"><time class="entry-date published" datetime="SEP 5, 2023">SEP 5, 2023</time></span> </div> <div class="entry-title"> <div> <a href="https://engineering.fb.com/2023/09/05/web/what-like-ship-code-meta-tech-podcast/" rel="bookmark" aria-label="Read More about What is it like to write code at Meta?"> What is it like to write code at Meta? </a> </div> </div> <div class="entry-meta"> </div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> </div> </div> <div class="row"> <div class="article-grid col-12 col-md-4"> <article class="post post-20461 type-post status-publish format-standard has-post-thumbnail hentry category-ai-research category-ml-applications category-virtual-reality category-web" id="post-20461" data-video-url="" data-video-html="" data-video-title="" data-video-postdate=""> <a href="https://www.meta.com/blog/quest/connect-2023-september-27-28-menlo-park-vr-ai" class="feat-image" aria-label="Read More about Meta Connect 2023: September 27 – 28"> <img width="500" height="282" src="https://engineering.fb.com/wp-content/uploads/2023/08/Connect_PrimaryLockup_Horiz.gif?w=500&h=282&crop=1" class="attachment-thumbnail size-thumbnail" alt="" loading="lazy" title="Connect_PrimaryLockup_Horiz" /> </a> <header class="entry-header"> <div class="entry-header__top"> <span class="cat-links"> <a class="category" href="https://engineering.fb.com/category/ai-research/" rel="category tag" aria-label="View all content from the AI Research category." > AI Research </a> </span> <span class="posted-on"><time class="entry-date published" datetime="AUG 14, 2023">AUG 14, 2023</time></span> </div> <div class="entry-title"> <div> <a href="https://www.meta.com/blog/quest/connect-2023-september-27-28-menlo-park-vr-ai" rel="bookmark" aria-label="Read More about Meta Connect 2023: September 27 – 28"> Meta Connect 2023: September 27 – 28 </a> </div> </div> <div class="entry-meta"> </div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> </div> <div class="article-grid col-12 col-md-4"> <article class="post post-20266 type-post status-publish format-standard has-post-thumbnail hentry category-security category-web fb_content_type-article" id="post-20266" data-video-url="" data-video-html="" data-video-title="" data-video-postdate=""> <a href="https://engineering.fb.com/2023/05/03/security/malware-nodestealer-ducktail/" class="feat-image" aria-label="Read More about The malware threat landscape: NodeStealer, DuckTail, and more"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2023/05/342061477_3414175005565990_6746893404219909355_n.webp?w=580&h=326&crop=1" class="attachment-thumbnail size-thumbnail" alt="" loading="lazy" title="342061477_3414175005565990_6746893404219909355_n" /> </a> <header class="entry-header"> <div class="entry-header__top"> <span class="cat-links"> <a class="category" href="https://engineering.fb.com/category/security/" rel="category tag" aria-label="View all content from the Security category." > Security </a> </span> <span class="posted-on"><time class="entry-date published" datetime="MAY 3, 2023">MAY 3, 2023</time></span> </div> <div class="entry-title"> <div> <a href="https://engineering.fb.com/2023/05/03/security/malware-nodestealer-ducktail/" rel="bookmark" aria-label="Read More about The malware threat landscape: NodeStealer, DuckTail, and more"> The malware threat landscape: NodeStealer, DuckTail, and more </a> </div> </div> <div class="entry-meta"> </div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> </div> <div class="article-grid col-12 col-md-4"> <article class="post post-20166 type-post status-publish format-standard has-post-thumbnail hentry category-android category-ios category-video-engineering category-web fb_content_type-article" id="post-20166" data-video-url="" data-video-html="" data-video-title="" data-video-postdate=""> <a href="https://engineering.fb.com/2023/04/11/video-engineering/high-quality-audio-xhe-aac-codec-meta/" class="feat-image" aria-label="Read More about Why xHE-AAC is being embraced at Meta"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2023/03/Audio-stock-hero.png?w=580&h=326&crop=1" class="attachment-thumbnail size-thumbnail" alt="" loading="lazy" title="Audio stock hero" /> </a> <header class="entry-header"> <div class="entry-header__top"> <span class="cat-links"> <a class="category" href="https://engineering.fb.com/category/android/" rel="category tag" aria-label="View all content from the Android category." > Android </a> </span> <span class="posted-on"><time class="entry-date published" datetime="APR 11, 2023">APR 11, 2023</time></span> </div> <div class="entry-title"> <div> <a href="https://engineering.fb.com/2023/04/11/video-engineering/high-quality-audio-xhe-aac-codec-meta/" rel="bookmark" aria-label="Read More about Why xHE-AAC is being embraced at Meta"> Why xHE-AAC is being embraced at Meta </a> </div> </div> <div class="entry-meta"> </div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> </div> </div> <div class="row"> <div class="article-grid col-12 col-md-4"> <article class="post post-20069 type-post status-publish format-standard has-post-thumbnail hentry category-production-engineering category-virtual-reality category-web fb_content_type-article" id="post-20069" data-video-url="" data-video-html="" data-video-title="" data-video-postdate=""> <a href="https://engineering.fb.com/2023/02/13/virtual-reality/meta-ar-augmented-reality-cross-platform-runtime/" class="feat-image" aria-label="Read More about Building a cross-platform runtime for AR"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2023/02/AR-Runtime-Heroc.png?w=580&h=326&crop=1" class="attachment-thumbnail size-thumbnail" alt="" loading="lazy" title="AR Runtime Heroc" /> </a> <header class="entry-header"> <div class="entry-header__top"> <span class="cat-links"> <a class="category" href="https://engineering.fb.com/category/production-engineering/" rel="category tag" aria-label="View all content from the Production Engineering category." > Production Engineering </a> </span> <span class="posted-on"><time class="entry-date published" datetime="FEB 13, 2023">FEB 13, 2023</time></span> </div> <div class="entry-title"> <div> <a href="https://engineering.fb.com/2023/02/13/virtual-reality/meta-ar-augmented-reality-cross-platform-runtime/" rel="bookmark" aria-label="Read More about Building a cross-platform runtime for AR"> Building a cross-platform runtime for AR </a> </div> </div> <div class="entry-meta"> </div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> </div> <div class="article-grid col-12 col-md-4"> <article class="post post-20027 type-post status-publish format-standard has-post-thumbnail hentry category-open-source category-web fb_content_type-article" id="post-20027" data-video-url="" data-video-html="" data-video-title="" data-video-postdate=""> <a href="https://engineering.fb.com/2023/02/07/web/basemap-facebook-instagram-whatsapp-improvements/" class="feat-image" aria-label="Read More about Improving Meta’s global maps"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2023/02/Meta-Global-Maps-HERO.webp?w=580&h=326&crop=1" class="attachment-thumbnail size-thumbnail" alt="" loading="lazy" title="Meta Global Maps HERO" /> </a> <header class="entry-header"> <div class="entry-header__top"> <span class="cat-links"> <a class="category" href="https://engineering.fb.com/category/open-source/" rel="category tag" aria-label="View all content from the Open Source category." > Open Source </a> </span> <span class="posted-on"><time class="entry-date published" datetime="FEB 7, 2023">FEB 7, 2023</time></span> </div> <div class="entry-title"> <div> <a href="https://engineering.fb.com/2023/02/07/web/basemap-facebook-instagram-whatsapp-improvements/" rel="bookmark" aria-label="Read More about Improving Meta’s global maps"> Improving Meta’s global maps </a> </div> </div> <div class="entry-meta"> </div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> </div> <div class="article-grid col-12 col-md-4"> <article class="post post-19680 type-post status-publish format-standard has-post-thumbnail hentry category-connectivity category-networking-traffic category-open-source category-production-engineering category-uncategorized category-web fb_content_type-article" id="post-19680" data-video-url="" data-video-html="" data-video-title="" data-video-postdate=""> <a href="https://engineering.fb.com/2022/11/21/production-engineering/future-computing-ptp/" class="feat-image" aria-label="Read More about PTP: Timing accuracy and precision for the future of computing"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2022/11/Precision-Time-Protocol-Hero.jpg?w=580&h=326&crop=1" class="attachment-thumbnail size-thumbnail" alt="PTP" loading="lazy" title="Precision Time Protocol Hero" /> </a> <header class="entry-header"> <div class="entry-header__top"> <span class="cat-links"> <a class="category" href="https://engineering.fb.com/category/connectivity/" rel="category tag" aria-label="View all content from the Connectivity category." > Connectivity </a> </span> <span class="posted-on"><time class="entry-date published" datetime="NOV 21, 2022">NOV 21, 2022</time></span> </div> <div class="entry-title"> <div> <a href="https://engineering.fb.com/2022/11/21/production-engineering/future-computing-ptp/" rel="bookmark" aria-label="Read More about PTP: Timing accuracy and precision for the future of computing"> PTP: Timing accuracy and precision for the future of computing </a> </div> </div> <div class="entry-meta"> </div><!-- .entry-meta --> </header><!-- .entry-header --> </article><!-- #post-## --> </div> </div> </div> </main><!-- #main --> <div class="loadmore-container"> <button class="btn loadmore-btn"> Load More </button> </div> <!-- The pagination component --> </div> <!-- #primary --> <!-- Do the right sidebar check --> <div class="col-md-4 widget-area" id="right-sidebar" role="complementary"> <aside id="fb_related_post_widget-4" class="widget widget_fb_related_post_widget"><h3 class="widget-title">Related Posts</h3><hr> <div class="aside-related-projects"><div class="article-grid-redesign"> <article class="post-19686 post type-post status-publish has-post-thumbnail hentry" id="post-19686"> <a href="https://engineering.fb.com/2022/11/21/production-engineering/precision-time-protocol-at-meta/" rel="bookmark" aria-label="Read More about How Precision Time Protocol is being deployed at Meta"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2022/11/CD22-717-Eng-PTP-DeepDive-Hero-02.jpg?w=580&h=326&crop=1" class="wp-post-image" alt="" srcset="https://engineering.fb.com/wp-content/uploads/2022/11/CD22-717-Eng-PTP-DeepDive-Hero-02.jpg?w=580&h=326&crop=1 580w, https://engineering.fb.com/wp-content/uploads/2022/11/CD22-717-Eng-PTP-DeepDive-Hero-02.jpg?w=580&h=326&crop=1 326w" sizes="(max-width: 580px) 100vw, 580px" loading="lazy"> <header class="entry-header"> <span class="posted-on"><time class="entry-date published" datetime="Nov 21, 2022">Nov 21, 2022</time></span> <h4 class="entry-title">How Precision Time Protocol is being deployed at Meta</h4> </header><!-- .entry-header --> </a> </article><!-- #post-## --> </div><div class="article-grid-redesign"> <article class="post-17988 post type-post status-publish has-post-thumbnail hentry" id="post-17988"> <a href="https://engineering.fb.com/2021/08/11/open-source/time-appliance/" rel="bookmark" aria-label="Read More about Open-sourcing a more precise time appliance"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2021/08/CD21_391-Eng-Blog-Facebook-Time-Appliances-Hero-image-v2.jpg?w=580&h=326&crop=1" class="wp-post-image" alt="" srcset="https://engineering.fb.com/wp-content/uploads/2021/08/CD21_391-Eng-Blog-Facebook-Time-Appliances-Hero-image-v2.jpg?w=580&h=326&crop=1 580w, https://engineering.fb.com/wp-content/uploads/2021/08/CD21_391-Eng-Blog-Facebook-Time-Appliances-Hero-image-v2.jpg?w=580&h=326&crop=1 326w" sizes="(max-width: 580px) 100vw, 580px" loading="lazy"> <header class="entry-header"> <span class="posted-on"><time class="entry-date published" datetime="Aug 11, 2021">Aug 11, 2021</time></span> <h4 class="entry-title">Open-sourcing a more precise time appliance</h4> </header><!-- .entry-header --> </a> </article><!-- #post-## --> </div><div class="article-grid-redesign"> <article class="post-14157 post type-post status-publish has-post-thumbnail hentry" id="post-14157"> <a href="https://engineering.fb.com/2020/03/18/production-engineering/ntp-service/" rel="bookmark" aria-label="Read More about Building a more accurate time service at Facebook scale"> <img width="580" height="326" src="https://engineering.fb.com/wp-content/uploads/2020/03/Time-infra-hero-image.jpg?w=580&h=326&crop=1" class="wp-post-image" alt="" srcset="https://engineering.fb.com/wp-content/uploads/2020/03/Time-infra-hero-image.jpg?w=580&h=326&crop=1 580w, https://engineering.fb.com/wp-content/uploads/2020/03/Time-infra-hero-image.jpg?w=580&h=326&crop=1 326w" sizes="(max-width: 580px) 100vw, 580px" loading="lazy"> <header class="entry-header"> <span class="posted-on"><time class="entry-date published" datetime="Mar 18, 2020">Mar 18, 2020</time></span> <h4 class="entry-title">Building a more accurate time service at Facebook scale</h4> </header><!-- .entry-header --> </a> </article><!-- #post-## --> </div></div></aside><aside id="wpb_widget-3" class="widget widget_wpb_widget"><h3 class="widget-title">Related Positions</h3><hr><ul class="available-positions-list"><li class="available-positions-item"> <a href=https://www.metacareers.com/jobs/774198984091403/> <div class="job-description"> Software Engineer, Machine Learning </div> <div class="job-location"> SUNNYVALE, US </div> </a> </li><li class="available-positions-item"> <a href=https://www.metacareers.com/jobs/774198984091403/> <div class="job-description"> Software Engineer, Machine Learning </div> <div class="job-location"> SAN MATEO, US </div> </a> </li><li class="available-positions-item"> <a href=https://www.metacareers.com/jobs/774198984091403/> <div class="job-description"> Software Engineer, Machine Learning </div> <div class="job-location"> BELLEVUE, US </div> </a> </li><li class="available-positions-item"> <a href=https://www.metacareers.com/jobs/774198984091403/> <div class="job-description"> Software Engineer, Machine Learning </div> <div class="job-location"> REDMOND, US </div> </a> </li><li class="available-positions-item"> <a href=https://www.metacareers.com/jobs/774198984091403/> <div class="job-description"> Software Engineer, Machine Learning </div> <div class="job-location"> MENLO PARK, US </div> </a> </li> </ul> <a href="https://www.metacareers.com"> <div class="btn available-positions-btn"> See All Jobs </div> </a> </aside> </div><!-- #secondary --> <!-- <php get_template_part('aside-side-bar'); ?> --> <!-- </div> --> <!-- .row --> </div><!-- Container end --> </div><!-- Wrapper end --> </div> <!-- ******************* The Footer Full-width Widget Area ******************* --> <div class="wrapper wrapper-community-outer"> <div class="wrapper-community"> <div class="community" tabindex="-1"> <div class="row"> <!-- community section is generated through WordPress widget --> <div id="wpb_widget-2" class="footer-widget widget_wpb_widget widget-count-3 col-md-4"><h3 class="widget-title">Available Positions</h3><hr><ul class="available-positions-list"><li class="available-positions-item"> <a href=https://www.metacareers.com/jobs/774198984091403/> <div class="job-description"> Software Engineer, Machine Learning </div> <div class="job-location"> SUNNYVALE, US </div> </a> </li><li class="available-positions-item"> <a href=https://www.metacareers.com/jobs/774198984091403/> <div class="job-description"> Software Engineer, Machine Learning </div> <div class="job-location"> SAN MATEO, US </div> </a> </li><li class="available-positions-item"> <a href=https://www.metacareers.com/jobs/774198984091403/> <div class="job-description"> Software Engineer, Machine Learning </div> <div class="job-location"> BELLEVUE, US </div> </a> </li><li class="available-positions-item"> <a href=https://www.metacareers.com/jobs/774198984091403/> <div class="job-description"> Software Engineer, Machine Learning </div> <div class="job-location"> REDMOND, US </div> </a> </li><li class="available-positions-item"> <a href=https://www.metacareers.com/jobs/774198984091403/> <div class="job-description"> Software Engineer, Machine Learning </div> <div class="job-location"> MENLO PARK, US </div> </a> </li> </ul> <a href="https://www.metacareers.com"> <div class="btn available-positions-btn"> See All Jobs </div> </a> </div><!-- .footer-widget --><div id="custom_html-2" class="widget_text footer-widget widget_custom_html widget-count-3 col-md-4"><h3 class="widget-title">Technology at Meta</h3><div class="textwidget custom-html-widget"><ul class="stay-connected-lists"> <li class="stay-connected-item"> <img class="footer-fb-engineering stay-connected-item-left" src="/wp-content/themes/code-fb-com/img/meta_logo.png" alt="footer-fb-engineering" loading="lazy" width="70" height="70"> <div class="stay-connected-item-right"> <div class="stay-connected-label"> Engineering at Meta - X </div> <a onclick='return twitterFollow("fb_engineering")'> <button class="btn stay-connected-btn"> Follow </button> </a> </div> </li> <li class="stay-connected-item"> <img class="footer-fb-engineering stay-connected-item-left" src="/wp-content/themes/code-fb-com/img/meta_logo.png" alt="footer-AI" loading="lazy" width="70" height="70"> <div class="stay-connected-item-right"> <div class="stay-connected-label"> AI at Meta </div> <a href="https://ai.meta.com/blog/"> <button class="btn stay-connected-btn"> Read </button> </a> </div> </li> <li class="stay-connected-item"> <img class="footer-fb-engineering stay-connected-item-left" src="/wp-content/themes/code-fb-com/img/meta_logo.png" alt="footer-developers" loading="lazy" width="70" height="70"> <div class="stay-connected-item-right"> <div class="stay-connected-label"> Meta Quest Blog </div> <a href="https://www.meta.com/blog/quest/"> <button class="btn stay-connected-btn"> Read </button> </a> </div> </li> <li class="stay-connected-item"> <img class="footer-fb-engineering stay-connected-item-left" src="/wp-content/themes/code-fb-com/img/meta_logo.png" alt="footer-developers" loading="lazy" width="70" height="70"> <div class="stay-connected-item-right"> <div class="stay-connected-label"> Meta for Developers </div> <a href="https://developers.facebook.com/"> <button class="btn stay-connected-btn"> Read </button> </a> </div> </li> <li class="stay-connected-item"> <img class="footer-fb-engineering stay-connected-item-left" src="/wp-content/themes/code-fb-com/img/meta_logo.png" alt="footer-bug-bounty" loading="lazy" width="70" height="70"> <div class="stay-connected-item-right"> <div class="stay-connected-label"> Meta Bug Bounty </div> <a href="https://bugbounty.meta.com/"> <button class="btn stay-connected-btn"> Learn more </button> </a> </div> </li> <li class="stay-connected-item"> <img class="stay-connected-item-left" src="/wp-content/themes/code-fb-com/img/rss.png" alt="footer-rss" loading="lazy" width="70" height="70"> <div class="stay-connected-item-right"> <div class="stay-connected-label"> RSS </div> <a href="https://code.facebook.com/posts/rss/"> <button class="btn stay-connected-btn"> Subscribe </button> </a> </div> </li> </ul> </div></div><!-- .footer-widget --><div id="custom_html-3" class="widget_text footer-widget widget_custom_html widget-count-3 col-md-4"><h3 class="widget-title">Open Source</h3><div class="textwidget custom-html-widget"><p class="opensource-desc"> Meta believes in building community through open source technology. Explore our latest projects in Artificial Intelligence, Data Infrastructure, Development Tools, Front End, Languages, Platforms, Security, Virtual Reality, and more. </p> <ul class="opensource-cats"> <li class="opensource-cat"> <img src="/wp-content/themes/code-fb-com/img/android.png" alt="android" loading="lazy" width="50" height="59"> <div class="opensource-cap"> ANDROID </div> </li> <li class="opensource-cat"> <img src="/wp-content/themes/code-fb-com/img/ios.png" alt="ios" loading="lazy" width="48" height="58"> <div class="opensource-cap"> iOS </div> </li> <li class="opensource-cat"> <img src="/wp-content/themes/code-fb-com/img/web.png" alt="web" loading="lazy" width="55" height="49"> <div class="opensource-cap"> WEB </div> </li> <li class="opensource-cat"> <img src="/wp-content/themes/code-fb-com/img/backend.png" alt="backend" loading="lazy" width="56" height="51"> <div class="opensource-cap"> BACKEND </div> </li> <li class="opensource-cat"> <img src="/wp-content/themes/code-fb-com/img/hardware.png" alt="hardware" loading="lazy" width="55" height="44"> <div class="opensource-cap"> HARDWARE </div> </li> </ul> <button class="btn opensource-btn" onclick="window.location.href='https://opensource.fb.com/'"> Learn More </button> </div></div><!-- .footer-widget --> </div> </div> </div> </div><!-- #wrapper-footer-full --> <div class="wrapper-footer" id="wrapper-footer"> <div class="inner-container"> <div class="footer"> <div class="row"> <div class="col-md-12"> <footer class="meta-footer" id="meta-footer"> <div class="site-info row justify-content-between"> <div class="col-md-5 meta-logo-container"> <a href="https://about.facebook.com/"> <img src="https://engineering.fb.com/wp-content/themes/code-fb-com/img/meta_logo_full.svg" width="89" height="18" alt="Meta" /> </a> <div id="text-2" class="widget widget_text"> <div class="textwidget"><p>Engineering at Meta is a technical news resource for engineers interested in how we solve large-scale technical challenges at Meta.</p> </div> </div> </div> <div class="col-md-6 footer-meta-links-container"> <ul class="meta-footer-links"> <li class="footer-link"><a href="https://engineering.fb.com">Home</a></li><li class="footer-link"><a href="https://about.meta.com/">Company Info</a></li><li class="footer-link"><a href="https://www.metacareers.com/?ref=engineering.fb.com">Careers</a></li> </ul> </div> </div> </footer> </div> </div> </div> </div> <div class="footer"> <div class="row"> <div class="col-md-12"> <footer class="site-footer" id="colophon"> <div class="inner-container"> <div class="site-info row justify-content-between"> <div class="col-md-4 copyright-container"> <div class="copyright"> © 2025 Meta</div> </div> <!-- static footer --> <div class="col-md-7 footer-links-container"> <ul class="footer-links"> <li class="footer-link"><a href="https://www.facebook.com/policies">Terms</a></li><li class="footer-link"><a href="https://www.facebook.com/privacy/policy">Privacy</a></li><li class="footer-link"><a href="/privacy">Cookies</a></li><li class="footer-link"><a href="https://www.facebook.com/help">Help</a></li> </ul> </div> </div> </div><!-- .site-info --> </footer><!-- #colophon --> </div><!--col end --> </div><!-- row end --> </div><!-- //.inner-container --> </div><!-- wrapper end --> </div><!-- #page we need this extra closing tag here --> <div class="gdprconsent-container" id="GDPRConsentBar"> <div class="gdprconsent-wrapper"> <div class="gdprconsent-content"> <p>To help personalize content, tailor and measure ads and provide a safer experience, we use cookies. By clicking or navigating the site, you agree to allow our collection of information on and off Facebook through cookies. Learn more, including about available controls: <a href="/privacy">Cookie Policy</a></p> <div class="gdprconsent-button"> <button type="button" data-gdpr-accept>Accept</button> </div> </div> </div> </div> <!-- Twitter universal website tag code --> <script> if (window.gdprSafeTrack) { window.gdprSafeTrack(function() { !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); // Insert Twitter Pixel ID and Standard Event data below twq('init','o31u0'); twq('track','PageView'); }); } </script> <!-- End Twitter universal website tag code --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KZRLGZ8" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=660742068067366&ev=PageView&noscript=1"/></noscript> <script type="text/javascript" id="video-analytics-js-after"> /* <![CDATA[ */ if (window.gdprSafeTrack) { window.gdprSafeTrack(function() { let youtube = document.querySelectorAll('[src*="youtube-nocookie"]'); for (let i = 0; i < youtube.length; i++) { youtube[i].src = youtube[i].src.replace('youtube-nocookie.com', 'youtube.com'); } let vimeo = document.querySelectorAll('[src*="vimeo"]'); for (let i = 0; i < vimeo.length; i++) { vimeo[i].src = vimeo[i].src.replace('&dnt=true', ''); } }); } /* ]]> */ </script> <script type="text/javascript" id="child-understrap-scripts-js-extra"> /* <![CDATA[ */ var loadmore_params = {"restfulURL":"https:\/\/engineering.fb.com\/wp-json\/fb\/v1\/loadmore","searchText":"","posts":"{\"category_name\":\"web\",\"error\":\"\",\"m\":\"\",\"p\":0,\"post_parent\":\"\",\"subpost\":\"\",\"subpost_id\":\"\",\"attachment\":\"\",\"attachment_id\":0,\"name\":\"\",\"pagename\":\"\",\"page_id\":0,\"second\":\"\",\"minute\":\"\",\"hour\":\"\",\"day\":0,\"monthnum\":0,\"year\":0,\"w\":0,\"tag\":\"\",\"cat\":6,\"tag_id\":\"\",\"author\":\"\",\"author_name\":\"\",\"feed\":\"\",\"tb\":\"\",\"paged\":0,\"meta_key\":\"\",\"meta_value\":\"\",\"preview\":\"\",\"s\":\"\",\"sentence\":\"\",\"title\":\"\",\"fields\":\"\",\"menu_order\":\"\",\"embed\":\"\",\"category__in\":[],\"category__not_in\":[],\"category__and\":[],\"post__in\":[],\"post__not_in\":[7442,416,8583,7407,8593,450,8756,8823,9172,9166,9179,9180,9185,9188,9189,9192,9191,9193,9194,9195,9196,9197,9198,9199,9200,9201,9207,9632,9635,9637,9639,9641,9643,9647,9650,9673,9703,12023,14326,16435,17443,17467,17468,17466,10940,17867,17868,17869,17870,17871,17872,17873,17874,17897,17898,18259,18260,18368,18365,18476,18509,18510,272,18793,18794,18795,18796,19383,19384,19385,19386,19387,19389,19392,19394,19395,19564,19584,19585,19678,19757,19920,20915,21257,21590,21744,21745,21773,21777,21778,21828,21842],\"post_name__in\":[],\"tag__in\":[],\"tag__not_in\":[],\"tag__and\":[],\"tag_slug__in\":[],\"tag_slug__and\":[],\"post_parent__in\":[],\"post_parent__not_in\":[],\"author__in\":[],\"author__not_in\":[],\"search_columns\":[],\"ignore_sticky_posts\":false,\"suppress_filters\":false,\"cache_results\":true,\"update_post_term_cache\":true,\"update_menu_item_cache\":false,\"lazy_load_term_meta\":true,\"update_post_meta_cache\":true,\"post_type\":\"\",\"posts_per_page\":12,\"nopaging\":false,\"comments_per_page\":\"50\",\"no_found_rows\":false,\"order\":\"DESC\"}","current_page":"1","max_page":"12","post_type":"post"}; var search_params = {"ajaxurl":"https:\/\/engineering.fb.com\/wp-admin\/admin-ajax.php","posts":"{\"category_name\":\"web\",\"error\":\"\",\"m\":\"\",\"p\":0,\"post_parent\":\"\",\"subpost\":\"\",\"subpost_id\":\"\",\"attachment\":\"\",\"attachment_id\":0,\"name\":\"\",\"pagename\":\"\",\"page_id\":0,\"second\":\"\",\"minute\":\"\",\"hour\":\"\",\"day\":0,\"monthnum\":0,\"year\":0,\"w\":0,\"tag\":\"\",\"cat\":6,\"tag_id\":\"\",\"author\":\"\",\"author_name\":\"\",\"feed\":\"\",\"tb\":\"\",\"paged\":0,\"meta_key\":\"\",\"meta_value\":\"\",\"preview\":\"\",\"s\":\"\",\"sentence\":\"\",\"title\":\"\",\"fields\":\"\",\"menu_order\":\"\",\"embed\":\"\",\"category__in\":[],\"category__not_in\":[],\"category__and\":[],\"post__in\":[],\"post__not_in\":[7442,416,8583,7407,8593,450,8756,8823,9172,9166,9179,9180,9185,9188,9189,9192,9191,9193,9194,9195,9196,9197,9198,9199,9200,9201,9207,9632,9635,9637,9639,9641,9643,9647,9650,9673,9703,12023,14326,16435,17443,17467,17468,17466,10940,17867,17868,17869,17870,17871,17872,17873,17874,17897,17898,18259,18260,18368,18365,18476,18509,18510,272,18793,18794,18795,18796,19383,19384,19385,19386,19387,19389,19392,19394,19395,19564,19584,19585,19678,19757,19920,20915,21257,21590,21744,21745,21773,21777,21778,21828,21842],\"post_name__in\":[],\"tag__in\":[],\"tag__not_in\":[],\"tag__and\":[],\"tag_slug__in\":[],\"tag_slug__and\":[],\"post_parent__in\":[],\"post_parent__not_in\":[],\"author__in\":[],\"author__not_in\":[],\"search_columns\":[],\"ignore_sticky_posts\":false,\"suppress_filters\":false,\"cache_results\":true,\"update_post_term_cache\":true,\"update_menu_item_cache\":false,\"lazy_load_term_meta\":true,\"update_post_meta_cache\":true,\"post_type\":\"\",\"posts_per_page\":12,\"nopaging\":false,\"comments_per_page\":\"50\",\"no_found_rows\":false,\"order\":\"DESC\"}","current_page":"1","max_page":"12","article_filter":"b49693e61f"}; /* ]]> */ </script> <script type="text/javascript" src="https://engineering.fb.com/_static/??/wp-content/themes/code-fb-com/dist/js/child-theme.min.js,/wp-content/themes/code-fb-com/js/prism.js?m=1720616012j" ></script> </body> </html>