CINXE.COM

<!DOCTYPE html><html xmlns:cc="http://creativecommons.org/ns#"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# medium-com: http://ogp.me/ns/fb/medium-com#"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=contain"><title>Flow - Medium</title><link rel="canonical" href="https://medium.com/flow-type"><link id="feedLink" rel="alternate" type="application/rss+xml" title="RSS" href="https://medium.com/feed/flow-type"><meta name="robots" content="index,follow"><meta name="title" content="Flow - Medium"><meta name="referrer" content="unsafe-url"><meta name="description" content="The official publication for the Flow static type checker for JavaScript. Code faster. Code smarter. Code confidently."><meta name="keywords" content="JAVASCRIPT, FLOW, REACT, PROGRAMMING, PROGRAMMING LANGUAGES"><meta name="theme-color" content="#000000"><meta property="og:title" content="Flow – Medium"><meta property="twitter:title" content="Flow – Medium"><meta property="og:url" content="https://medium.com/flow-type"><meta property="og:image" content="https://cdn-images-1.medium.com/max/1200/1*mlCLV-3rGy-pLbUsMYEGoA.png"><meta property="fb:app_id" content="542599432471018"><meta property="og:description" content="The official publication for the Flow static type checker for JavaScript. Code faster. Code smarter. Code confidently."><meta name="twitter:description" content="The official publication for the Flow static type checker for JavaScript. Code faster. Code smarter. Code confidently."><meta name="twitter:image:src" content="https://cdn-images-1.medium.com/max/1200/1*mlCLV-3rGy-pLbUsMYEGoA.png"><meta property="og:type" content="medium-com:collection"><meta name="twitter:card" content="summary_large_image"><meta property="medium-com:creator" content="https://medium.com/@jordanbrown215"><meta name="twitter:site" content="@Medium"><meta property="og:site_name" content="Medium"><meta name="twitter:app:name:iphone" content="Medium"><meta name="twitter:app:id:iphone" content="828256236"><meta name="twitter:app:url:iphone" content="medium://flow-type"><meta property="al:ios:app_name" content="Medium"><meta property="al:ios:app_store_id" content="828256236"><meta property="al:android:package" content="com.medium.reader"><meta property="al:android:app_name" content="Medium"><meta property="al:ios:url" content="medium://flow-type"><meta property="al:android:url" content="medium://flow-type"><meta property="al:web:url" content="https://medium.com/flow-type"><link rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml" /><link rel="alternate" href="android-app://com.medium.reader/https/medium.com/flow-type" /><script type="application/ld+json">{"@context": "http://schema.org", "@graph": [{"@type": "WebSite", "url": "https:\/\/medium.com", "name": "Medium", "alternateName": "Medium is a community of readers and writers offering unique perspectives on ideas large and small."},{"@type": "Organization", "url": "https:\/\/medium.com\/flow-type", "name": "Flow"}]}</script><link rel="stylesheet" href="https://cdn-static-1.medium.com/_/fp/css/main-branding-base.tWIMt8r3Nl52PPi9OfgcVw.12.css"><script>!function(n,e){var t,o,i,c=[],f={passive:!0,capture:!0},r=new Date,a="pointerup",u="pointercancel";function p(n,c){t||(t=c,o=n,i=new Date,w(e),s())}function s(){o>=0&&o<i-r&&(c.forEach(function(n){n(o,t)}),c=[])}function l(t){if(t.cancelable){var o=(t.timeStamp>1e12?new Date:performance.now())-t.timeStamp;"pointerdown"==t.type?function(t,o){function i(){p(t,o),r()}function c(){r()}function r(){e(a,i,f),e(u,c,f)}n(a,i,f),n(u,c,f)}(o,t):p(o,t)}}function w(n){["click","mousedown","keydown","touchstart","pointerdown"].forEach(function(e){n(e,l,f)})}w(n),self.perfMetrics=self.perfMetrics||{},self.perfMetrics.onFirstInputDelay=function(n){c.push(n),s()}}(addEventListener,removeEventListener);</script><script>document.domain = document.domain;</script><script>if (window.top !== window.self) window.location = 'about:blank';var OB_startTime = new Date().getTime(); var OB_loadErrors = []; function _onerror(e) { OB_loadErrors.push(e) }; if (document.addEventListener) document.addEventListener("error", _onerror, true); else if (document.attachEvent) document.attachEvent("onerror", _onerror); function _asyncScript(u) {var d = document, f = d.getElementsByTagName("script")[0], s = d.createElement("script"); s.type = "text/javascript"; s.async = true; s.src = u; f.parentNode.insertBefore(s, f);}function _asyncStyles(u) {var d = document, f = d.getElementsByTagName("script")[0], s = d.createElement("link"); s.rel = "stylesheet"; s.href = u; f.parentNode.insertBefore(s, f); return s}(new Image()).src = "/_/stat?event=pixel.load&origin=" + encodeURIComponent(location.origin);</script><script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga("create", "G-7JY7T788PK", "auto", {"allowLinker": true, "legacyCookieDomain": window.location.hostname});ga("send", "pageview");</script><script async src="https://www.google-analytics.com/analytics.js"></script><script>(function () {var height = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; document.write("<style>section.section-image--fullBleed.is-backgrounded {padding-top: " + Math.round(1.1 * height) + "px;}section.section-image--fullScreen.is-backgrounded, section.section-image--coverFade.is-backgrounded {min-height: " + height + "px; padding-top: " + Math.round(0.5 * height) + "px;}.u-height100vh {height: " + height + "px !important;}.u-height110vh {height: " + Math.round(1.1 * height) + "px !important;}.u-minHeight100vh {min-height: " + height + "px !important;}.u-maxHeight100vh {max-height: " + height + "px !important;}section.section-image--coverFade {height: " + height + "px;}.section-aspectRatioViewportPlaceholder, .section-aspectRatioViewportCropPlaceholder {max-height: " + height + "px;}.section-aspectRatioViewportBottomSpacer, .section-aspectRatioViewportBottomPlaceholder {max-height: " + Math.round(0.5 * height) + "px;}.zoomable:before {top: " + (-1 * height) + "px; left: " + (-1 * width) + "px; padding: " + height + "px " + width + "px;}</style>");})()</script><link rel="icon" href="https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19" class="js-favicon"><link rel="apple-touch-icon" sizes="152x152" href="https://cdn-images-1.medium.com/fit/c/304/304/1*mlCLV-3rGy-pLbUsMYEGoA.png"><link rel="apple-touch-icon" sizes="120x120" href="https://cdn-images-1.medium.com/fit/c/240/240/1*mlCLV-3rGy-pLbUsMYEGoA.png"><link rel="apple-touch-icon" sizes="76x76" href="https://cdn-images-1.medium.com/fit/c/152/152/1*mlCLV-3rGy-pLbUsMYEGoA.png"><link rel="apple-touch-icon" sizes="60x60" href="https://cdn-images-1.medium.com/fit/c/120/120/1*mlCLV-3rGy-pLbUsMYEGoA.png"><link rel="mask-icon" href="https://cdn-static-1.medium.com/_/fp/icons/monogram-mask.KPLCSFEZviQN0jQ7veN2RQ.12.svg" color="#171717"></head><body itemscope class=" browser-ie os-windows v-unbound v-glyph v-glyph--m2-unbound-source-serif-pro is-noJs"><script>document.body.className = document.body.className.replace(/(^|\s)is-noJs(\s|$)/, "$1is-js$2")</script><div class="site-main" id="container"><div class="butterBar butterBar--error"></div><div class="surface"><div id="prerendered" class="screenContent"><div class="metabar u-clearfix u-textColorTransparentWhiteDarker u-tintBgColor u-tintSpectrum js-metabar"><div class="branch-journeys-top"></div><div class="js-metabarMiddle metabar-inner u-marginAuto u-maxWidth1032 u-flexCenter u-justifyContentSpaceBetween u-height65 u-xs-height56 u-paddingHorizontal20"><div class="metabar-block u-flex1 u-flexCenter"><div class="js-metabarLogoLeft"><a href="https://medium.com/" data-log-event="home" class="siteNav-logo u-fillWhite u-flex0 u-flexCenter u-paddingTop0"><span class="svgIcon svgIcon--wordmarkMedium svgIcon--120x26px u-flex"><svg class="svgIcon-use" width="120" height="26" ><path d="M29.57 1.404l.036-.008V1.12h-7.27l-6.75 15.979-6.75-15.98H1.003v.278l.035.008c1.327.302 2 .752 2 2.374v18.993c0 1.623-.676 2.073-2.003 2.374L1 25.153v.279h5.315v-.278l-.035-.008c-1.327-.302-2-.751-2-2.374V4.88l8.67 20.552h.492l8.924-21.125V23.24c-.114 1.282-.782 1.677-1.983 1.95l-.036.009v.275h9.259V25.2l-.036-.008c-1.203-.274-1.886-.67-2-1.95l-.006-19.464h.006c0-1.622.674-2.072 2-2.374zm4.23 12.582c.15-3.412 1.367-5.875 3.41-5.918.629.01 1.157.219 1.568.62.872.852 1.282 2.634 1.219 5.298h-6.198zm-.092.962h10.85v-.046c-.03-2.61-.78-4.64-2.228-6.033-1.25-1.204-3.103-1.867-5.048-1.867h-.043c-1.01 0-2.248.246-3.13.693a7.316 7.316 0 00-2.623 2.086c-1.185 1.479-1.903 3.477-2.078 5.724a13.717 13.717 0 00-.04.755c-.004.195-.005.39-.001.587.117 5.087 2.846 9.153 7.692 9.153 4.254 0 6.73-3.132 7.348-7.336l-.312-.11c-1.085 2.259-3.034 3.628-5.252 3.461-3.028-.228-5.347-3.32-5.137-7.066m23.122 6.893c-.356.85-1.099 1.319-2.094 1.319-.995 0-1.905-.689-2.552-1.939-.694-1.342-1.06-3.24-1.06-5.487 0-4.678 1.445-7.704 3.68-7.704.937 0 1.674.468 2.026 1.284v12.527zm7.198 3.335c-1.327-.316-2-.787-2-2.492V0l-8.062 2.392v.293l.05-.004c1.111-.09 1.866.064 2.304.472.343.32.51.809.51 1.498v3.11C56.033 7.25 55.088 7 53.94 7c-2.326 0-4.453.987-5.986 2.779-1.599 1.867-2.444 4.42-2.444 7.38 0 5.287 2.584 8.84 6.43 8.84 2.25 0 4.06-1.242 4.888-3.336v2.811h7.233v-.29l-.035-.008zM70.94 3.085c0-1.65-1.236-2.896-2.875-2.896-1.632 0-2.908 1.272-2.908 2.896 0 1.624 1.278 2.896 2.908 2.896 1.64 0 2.875-1.245 2.875-2.896zm1.903 22.092c-1.327-.316-2-.787-2-2.492h-.006V7.055l-7.234 2.092v.284l.043.004c1.566.14 1.994.683 1.994 2.525v13.515h7.24v-.29l-.037-.008zm18.536 0c-1.327-.316-2-.787-2-2.492V7.055L82.49 9.078v.285l.04.004c1.28.136 1.65.71 1.65 2.56v9.88c-.426.85-1.227 1.356-2.196 1.39-1.573 0-2.439-1.07-2.439-3.012V7.055l-7.234 2.092v.284l.044.004c1.565.14 1.994.683 1.994 2.525v8.362a9.443 9.443 0 00.15 1.741l.13.57C75.243 24.845 76.848 26 79.362 26c2.129 0 3.996-1.328 4.818-3.405v2.885h7.233v-.291l-.034-.012zm28.102.298v-.291l-.035-.009c-1.44-.334-2.001-.964-2.001-2.248V12.295C117.445 8.98 115.597 7 112.5 7c-2.257 0-4.16 1.314-4.893 3.36-.582-2.168-2.257-3.36-4.734-3.36-2.175 0-3.88 1.156-4.612 3.11V7.056l-7.233 2.006v.286l.043.004c1.547.138 1.994.697 1.994 2.492v13.631h6.75v-.29l-.037-.01c-1.148-.271-1.519-.767-1.519-2.04V10.95c.304-.715.917-1.562 2.127-1.562 1.504 0 2.266 1.05 2.266 3.116v12.972h6.751v-.29l-.035-.01c-1.149-.271-1.52-.767-1.52-2.04V12.294a7.107 7.107 0 00-.095-1.21c.322-.777.97-1.696 2.23-1.696 1.524 0 2.265 1.02 2.265 3.116v12.972h7.233z"/></svg></span><span class="u-textScreenReader">Homepage</span></a></div><div class="u-paddingLeft10 u-sm-show r-paddingRight10"><a href="https://rsci.app.link/?%24canonical_url=https%3A%2F%2Fmedium.com/flow-type%3F~feature=LoMobileNavBar&~channel=ShowCollectionHome&~stage=m2">Open in app</a></div></div><div class="metabar-block u-flex0 u-flexCenter"><div class="u-flexCenter u-height65 u-xs-height56"><div class="buttonSet buttonSet--wide u-lineHeightInherit"><a class="button button--primary button--light button--chromeless u-accentColor--buttonNormal is-inSiteNavBar u-xs-hide js-signInButton" href="https://medium.com/m/signin?redirect=https%3A%2F%2Fmedium.com%2Fflow-type&source=--------------------------nav_reg&operation=login" data-action="sign-in-prompt" data-redirect="https://medium.com/flow-type" data-action-source="--------------------------nav_reg">Sign in</a><a class="button button--primary button--light button--withChrome u-accentColor--buttonNormal is-inSiteNavBar js-signUpButton" href="https://medium.com/m/signin?redirect=https%3A%2F%2Fmedium.com%2Fflow-type&source=--------------------------nav_reg&operation=register" data-action="sign-up-prompt" data-redirect="https://medium.com/flow-type" data-action-source="--------------------------nav_reg">Get started</a></div></div></div></div></div><div class="metabar metabar--spacer js-metabarSpacer u-tintBgColor u-height65 u-xs-height56"></div><div class="collectionHeader js-collectionHeaderContainer u-relative collectionHeader--layoutLarge collectionHeader--alignmentLeft collectionHeader--withLogo collectionHeader--withoutBackground collectionHeader--colorBehaviorBold collectionHeader--withoutNavigation collectionHeader--editorLayoutTitleAndLogo is-modeView u-tintBgColor"><div class="collectionHeader-aspectRatioTable"><div class="collectionHeader-aspectRatioContent u-backgroundSizeCover js-collectionHeaderBackground"><div class="collectionHeader-overlayBackground u-height100vh"></div><header class="collectionHeader-heroAndInlineNav u-borderBox u-maxWidth1072 u-paddingLeft20 u-paddingRight20 u-marginAuto u-foreground js-collectionHeader"><div class="collectionHeader-hero js-collectionHeaderHero u-clearfix u-tintSpectrum"><div class="collectionHeader-heroInner"><div class="collectionHeader-logo js-collectionHeaderLogo" style="max-width: 336px;"><a class="link u-baseColor--link" href="https://medium.com/flow-type" title="Go to Flow" aria-label="Go to Flow"><div class="u-relative u-marginAuto"><div style="padding-bottom: 41.666666666666664%"></div><img class="collectionHeader-logoImage js-collectionHeaderLogoImage" src="https://cdn-images-1.medium.com/max/672/1*wgxj1RRhhI9pi2M_pvd3Kw@2x.png" data-image-id="1*wgxj1RRhhI9pi2M_pvd3Kw@2x.png" data-width="1680" data-height="700" /></div></a></div><div class="collectionHeader-nameAndDescription"><h2 class="collectionHeader-description js-collectionDescription u-foreground u-baseColor--textNormal u-contentSansRegular u-fontSize24 u-xs-fontSize18">Code faster. Code smarter. Code confidently.</h2></div></div></div></header></div><div class="collectionHeader-aspectRatioCell"><div class="collectionHeader-aspectRatioFullWidth"></div></div></div><div class="collectionHeader-blockNav"><div class="u-borderBox u-maxWidth1072 u-paddingLeft20 u-paddingRight20 u-marginAuto"><nav class="collectionHeader-nav u-clearfix js-collectionHeaderNav u-lineHeight40 u-overflowHiddenY u-tintSpectrum"><div class="buttonSet u-flex1 u-noWrap u-overflowX u-paddingBottom100 u-xs-marginRight15"><label class="button button--small button--chromeless button--withIcon button--withSvgIcon inputGroup u-sm-hide metabar-predictiveSearch u-baseColor--buttonNormal u-baseColor--placeholderNormal" title="Search Flow"><span class="svgIcon svgIcon--search svgIcon--25px u-baseColor--iconLight"><svg class="svgIcon-use" width="25" height="25" ><path d="M20.067 18.933l-4.157-4.157a6 6 0 10-.884.884l4.157 4.157a.624.624 0 10.884-.884zM6.5 11c0-2.62 2.13-4.75 4.75-4.75S16 8.38 16 11s-2.13 4.75-4.75 4.75S6.5 13.62 6.5 11z"/></svg></span><input class="js-predictiveSearchInput textInput textInput--rounded textInput--darkText u-baseColor--textNormal textInput--transparent" type="search" placeholder="Search Flow" required="true" data-collection-id="ab067ae921ed" /></label><a class="button button--light button--chromeless is-touchIconBlackPulse u-baseColor--buttonLight button--withIcon button--withSvgIcon button--chromeless u-verticalAlignMiddle" href="https://twitter.com/flowtype" title="Visit “Flow” on X" aria-label="Visit “Flow” on X" rel="me" target="_blank"><span class="button-defaultState"><span class="svgIcon svgIcon--twitter svgIcon--25px"><svg class="svgIcon-use" width="25" height="25" fill="none" ><path d="M14.215 11.3l5.764-6.7h-1.366l-5.005 5.818L9.611 4.6H5l6.045 8.798L5 20.424h1.366l5.286-6.144 4.221 6.144h4.61L14.216 11.3zm-1.871 2.175l-.612-.876-4.874-6.97h2.098l3.933 5.625.613.876 5.112 7.312h-2.098l-4.172-5.966z" fill="#242424"/></svg></span></span></a></div><div class="buttonSet u-textAlignRight u-marginLeft18 u-flex0 u-noWrap"><button class="button button--primary button--smallest u-noUserSelect button--withChrome u-accentColor--buttonNormal js-relationshipButton is-smallPill" data-action="sign-up-prompt" data-sign-in-action="toggle-follow-collection" data-requires-token="true" data-redirect="https://medium.com/_/subscribe/collection/flow-type" data-action-source="pub_header----ab067ae921ed----------------------follow_pub" data-collection-id="ab067ae921ed"><span class="button-label js-buttonLabel">Follow</span></button></div></nav></div></div></div><div class="u-marginBottom40 js-collectionStream"><div class="streamItem streamItem--section js-streamItem"><section class="u-marginTop30 u-xs-margin0 u-marginBottom15 u-maxWidth1032 u-sm-paddingLeft20 u-sm-paddingRight20 u-borderBox u-marginAuto"><div class="row u-marginTop30 u-marginLeftNegative12 u-marginRightNegative12"><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight15 u-size8of12" data-source="collection_home---4------0-----------------------" data-post-id="75b883c80749" data-index="0"><div class="u-lineHeightBase postItem u-marginRight3"><a href="https://medium.com/flow-type/announcing-mapped-types-pick-omit-and-record-75b883c80749?source=collection_home---4------0-----------------------" data-action="open-post" data-action-value="https://medium.com/flow-type/announcing-mapped-types-pick-omit-and-record-75b883c80749?source=collection_home---4------0-----------------------" class="u-block u-xs-height170 u-height350 u-width100pct u-floatLeft u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/2000/1*2owqK37DhgF6nh6rgWvS1A.jpeg"); background-position: 50% 50% !important;"><span class="u-textScreenReader">Announcing: Mapped Types + Pick, Omit, and Record</span></a></div></div><div class="col u-xs-marginBottom10 u-paddingLeft9 u-paddingRight12 u-paddingTop0 u-sm-paddingTop20 u-paddingBottom25 u-size4of12 u-xs-size12of12 u-marginBottom30"><a class="" href="https://medium.com/flow-type/announcing-mapped-types-pick-omit-and-record-75b883c80749?source=collection_home---4------0-----------------------" data-action-source="collection_home---4------0-----------------------" data-post-id="75b883c80749"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp4 u-fontSize30 u-size12of12 u-xs-size12of12 u-xs-fontSize24">Announcing: Mapped Types + Pick, Omit, and Record</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">tl;dr: Mapped types allow you to transform object types into other object types. We have added definitions for Pick, Omit, and Record…</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@jordanbrown215" data-action="show-user-card" data-action-value="953cde5de02" data-action-type="hover" data-user-id="953cde5de02" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/0*vKNcrvCUYN_kVSkS." class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Jordan Brown"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@jordanbrown215" data-action="show-user-card" data-action-value="953cde5de02" data-action-type="hover" data-user-id="953cde5de02" dir="auto">Jordan Brown</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2024-08-06T21:23:59.118Z">Aug 6, 2024</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="2 min read"></span></div></div></div></div></div></div><div class="row u-marginTop15 u-marginLeftNegative12 u-marginRightNegative12"><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------1-----------------------" data-post-id="b6c5285660d0" data-index="1"><div class="u-lineHeightBase postItem"><a href="https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0?source=collection_home---4------1-----------------------" data-action="open-post" data-action-value="https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0?source=collection_home---4------1-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*ofDWSeYHJ0mOxhOqA-XhgA.png"); background-position: 50% 50% !important;"><span class="u-textScreenReader">New Flow Language Features for React</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/flow-type/announcing-component-syntax-b6c5285660d0?source=collection_home---4------1-----------------------" data-action-source="collection_home---4------1-----------------------" data-post-id="b6c5285660d0"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">New Flow Language Features for React</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Write Safer and more Succinct React with Flow</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@alexmckenley" data-action="show-user-card" data-action-value="ef334788334b" data-action-type="hover" data-user-id="ef334788334b" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/0*DPV4eX3sdJ2wH5Ew" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Alex Taylor"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@alexmckenley" data-action="show-user-card" data-action-value="ef334788334b" data-action-type="hover" data-user-id="ef334788334b" dir="auto">Alex Taylor</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2024-04-03T19:30:24.428Z">Apr 3, 2024</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="7 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------2-----------------------" data-post-id="b979bb2e78cf" data-index="2"><div class="u-lineHeightBase postItem"><a href="https://medium.com/flow-type/announcing-user-defined-type-guards-in-flow-b979bb2e78cf?source=collection_home---4------2-----------------------" data-action="open-post" data-action-value="https://medium.com/flow-type/announcing-user-defined-type-guards-in-flow-b979bb2e78cf?source=collection_home---4------2-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*dpF4Tf97ukK5wCUCeDbCbg.png"); background-position: 50% 50% !important;"><span class="u-textScreenReader">Announcing User Defined Type Guards in Flow</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/flow-type/announcing-user-defined-type-guards-in-flow-b979bb2e78cf?source=collection_home---4------2-----------------------" data-action-source="collection_home---4------2-----------------------" data-post-id="b979bb2e78cf"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Announcing User Defined Type Guards in Flow</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Flow now lets you define a function that encodes a type predicate over its parameter. This predicate, which we refer to as a type guard…</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@panvekris" data-action="show-user-card" data-action-value="369e550db90e" data-action-type="hover" data-user-id="369e550db90e" dir="auto"><img src="https://cdn-images-1.medium.com/proxy/1*dmbNkD5D-u45r44go_cf0g.png" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Panagiotis Vekris"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@panvekris" data-action="show-user-card" data-action-value="369e550db90e" data-action-type="hover" data-user-id="369e550db90e" dir="auto">Panagiotis Vekris</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2024-03-05T22:27:14.317Z">Mar 5, 2024</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="4 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------3-----------------------" data-post-id="765b421f3a87" data-index="3"><div class="u-lineHeightBase postItem"><a href="https://medium.com/flow-type/announcing-conditional-types-765b421f3a87?source=collection_home---4------3-----------------------" data-action="open-post" data-action-value="https://medium.com/flow-type/announcing-conditional-types-765b421f3a87?source=collection_home---4------3-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*kX5EhkWiLPiwmF3SSFTYKw.png"); background-position: 50% 50% !important;"><span class="u-textScreenReader">Announcing Conditional Types</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/flow-type/announcing-conditional-types-765b421f3a87?source=collection_home---4------3-----------------------" data-action-source="collection_home---4------3-----------------------" data-post-id="765b421f3a87"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Announcing Conditional Types</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Conditional types allow you to choose between two different output types by inspecting an input type. The syntax (inspired by TypeScript)…</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@samzhou" data-action="show-user-card" data-action-value="b4c39a4d72c1" data-action-type="hover" data-user-id="b4c39a4d72c1" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/0*AII7r6X5PwPjNgPj" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of Sam Zhou"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@samzhou" data-action="show-user-card" data-action-value="b4c39a4d72c1" data-action-type="hover" data-user-id="b4c39a4d72c1" dir="auto">Sam Zhou</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2024-03-05T21:00:21.434Z">Mar 5, 2024</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="3 min read"></span></div></div></div></div></div></div></div><div class="row u-marginTop15 u-marginLeftNegative12 u-marginRightNegative12"><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------4-----------------------" data-post-id="3ef41567ff3e" data-index="4"><div class="u-lineHeightBase postItem"><a href="https://medium.com/flow-type/new-type-casting-syntax-for-flow-as-3ef41567ff3e?source=collection_home---4------4-----------------------" data-action="open-post" data-action-value="https://medium.com/flow-type/new-type-casting-syntax-for-flow-as-3ef41567ff3e?source=collection_home---4------4-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/1*Qz7Vz1kppEptexmWxwn8ww.png"); background-position: 50% 50% !important;"><span class="u-textScreenReader">New type casting syntax for Flow: “as”</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/flow-type/new-type-casting-syntax-for-flow-as-3ef41567ff3e?source=collection_home---4------4-----------------------" data-action-source="collection_home---4------4-----------------------" data-post-id="3ef41567ff3e"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">New type casting syntax for Flow: “as”</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">To make it easier for new users to get started with Flow, we’re updating our type casting syntax to use “as”, like TypeScript, Hack, Swift…</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@gkz" data-action="show-user-card" data-action-value="95a4c0399e1f" data-action-type="hover" data-user-id="95a4c0399e1f" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*nFcMwZ15r7EnAmgTdOLXhA.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of George Zahariev"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@gkz" data-action="show-user-card" data-action-value="95a4c0399e1f" data-action-type="hover" data-user-id="95a4c0399e1f" dir="auto">George Zahariev</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2024-02-06T19:35:06.704Z">Feb 6, 2024</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="2 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------5-----------------------" data-post-id="5da5e4831b5e" data-index="5"><div class="u-lineHeightBase postItem"><a href="https://medium.com/flow-type/improved-flow-docs-and-try-flow-5da5e4831b5e?source=collection_home---4------5-----------------------" data-action="open-post" data-action-value="https://medium.com/flow-type/improved-flow-docs-and-try-flow-5da5e4831b5e?source=collection_home---4------5-----------------------" class="u-block u-xs-height170 u-height172 u-backgroundSizeCover u-backgroundOriginBorderBox u-backgroundColorGrayLight u-borderLighter" style="background-image: url("https://cdn-images-1.medium.com/max/800/0*-FY6CARAa-bToGpo"); background-position: 50% 50% !important;"><span class="u-textScreenReader">Improved Flow Docs and Try Flow</span></a></div><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-paddingTop15 u-marginBottom30"><a class="" href="https://medium.com/flow-type/improved-flow-docs-and-try-flow-5da5e4831b5e?source=collection_home---4------5-----------------------" data-action-source="collection_home---4------5-----------------------" data-post-id="5da5e4831b5e"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Improved Flow Docs and Try Flow</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">We’ve refreshed our documentation, and added the ability to configure options and lints in Try Flow!</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@gkz" data-action="show-user-card" data-action-value="95a4c0399e1f" data-action-type="hover" data-user-id="95a4c0399e1f" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*nFcMwZ15r7EnAmgTdOLXhA.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of George Zahariev"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@gkz" data-action="show-user-card" data-action-value="95a4c0399e1f" data-action-type="hover" data-user-id="95a4c0399e1f" dir="auto">George Zahariev</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2023-09-19T18:46:46.965Z">Sep 19, 2023</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="2 min read"></span></div></div></div></div></div></div><div class="col u-xs-size12of12 js-trackPostPresentation u-paddingLeft12 u-marginBottom15 u-paddingRight12 u-size4of12" data-source="collection_home---4------6-----------------------" data-post-id="ff4d7f11c50a" data-index="6"><div class="col u-xs-marginBottom10 u-paddingLeft0 u-paddingRight0 u-marginBottom60"><a class="" href="https://medium.com/flow-type/announcing-5-new-flow-tuple-type-features-ff4d7f11c50a?source=collection_home---4------6-----------------------" data-action-source="collection_home---4------6-----------------------" data-post-id="ff4d7f11c50a"><h3 class="u-contentSansBold u-lineHeightTightest u-xs-fontSize24 u-paddingBottom2 u-paddingTop5 u-fontSize32"><div class="u-letterSpacingTight u-lineHeightTighter u-breakWord u-textOverflowEllipsis u-lineClamp3 u-fontSize24">Announcing 5 new Flow tuple type features</div></h3><div class="u-contentSansThin u-lineHeightBaseSans u-fontSize24 u-xs-fontSize18 u-textColorNormal u-baseColor--textNormal"><div class="u-fontSize18 u-letterSpacingTight u-lineHeightTight u-marginTop7 u-textColorNormal u-baseColor--textNormal">Labeled tuple elements, read-only tuples, optional tuple elements, tuple spread, and more.</div></div></a><div class="u-clearfix u-marginTop20"><div class="u-flexCenter"><div class="postMetaInline-avatar u-flex0"><a class="link u-baseColor--link avatar" href="https://medium.com/@gkz" data-action="show-user-card" data-action-value="95a4c0399e1f" data-action-type="hover" data-user-id="95a4c0399e1f" dir="auto"><img src="https://cdn-images-1.medium.com/fit/c/72/72/1*nFcMwZ15r7EnAmgTdOLXhA.jpeg" class="avatar-image u-size36x36 u-xs-size32x32" alt="Go to the profile of George Zahariev"></a></div><div class="postMetaInline postMetaInline-authorLockup ui-captionStrong u-flex1 u-noWrapWithEllipsis"><a class="ds-link ds-link--styleSubtle link link--darken link--accent u-accentColor--textNormal u-accentColor--textDarken" href="https://medium.com/@gkz" data-action="show-user-card" data-action-value="95a4c0399e1f" data-action-type="hover" data-user-id="95a4c0399e1f" dir="auto">George Zahariev</a><div class="ui-caption u-fontSize12 u-baseColor--textNormal u-textColorNormal js-postMetaInlineSupplemental"><time datetime="2023-08-17T19:56:22.605Z">Aug 17, 2023</time><span class="middotDivider u-fontSize12"></span><span class="readingTime" title="3 min read"></span></div></div></div></div></div></div></div></section></div></div><style class="js-collectionStyle"> .u-accentColor--borderLight {border-color: #7D868F !important;} .u-accentColor--borderNormal {border-color: #7D868F !important;} .u-accentColor--borderDark {border-color: #6C737A !important;} .u-accentColor--iconLight .svgIcon,.u-accentColor--iconLight.svgIcon {fill: #7D868F !important;} .u-accentColor--iconNormal .svgIcon,.u-accentColor--iconNormal.svgIcon {fill: #7D868F !important;} .u-accentColor--iconDark .svgIcon,.u-accentColor--iconDark.svgIcon {fill: #6C737A !important;} .u-accentColor--textNormal {color: #6C737A !important;} .u-accentColor--hoverTextNormal:hover {color: #6C737A !important;} .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: #636970 !important;} .u-accentColor--textDark {color: #636970 !important;} .u-accentColor--backgroundLight {background-color: #7D868F !important;} .u-accentColor--backgroundNormal {background-color: #7D868F !important;} .u-accentColor--backgroundDark {background-color: #6C737A !important;} .u-accentColor--buttonDark {border-color: #6C737A !important; color: #636970 !important;} .u-accentColor--buttonDark:hover {border-color: #636970 !important;} .u-accentColor--buttonDark .icon:before,.u-accentColor--buttonDark .svgIcon{color: #6C737A !important; fill: #6C737A !important;} .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: #7D868F !important; color: #6C737A !important;} .u-accentColor--buttonNormal:hover {border-color: #6C737A !important;} .u-accentColor--buttonNormal .icon:before,.u-accentColor--buttonNormal .svgIcon{color: #7D868F !important; fill: #7D868F !important;} .u-accentColor--buttonNormal.button--filled .icon:before,.u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-accentColor--buttonDark.button--filled,.u-accentColor--buttonDark.button--withChrome.is-active,.u-accentColor--fillWhenActive.is-active {background-color: #6C737A !important; border-color: #6C737A !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: #7D868F !important; border-color: #7D868F !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .postArticle.is-withAccentColors .markup--user,.postArticle.is-withAccentColors .markup--query {color: #6C737A !important;}.u-tintBgColor {background-color: rgba(56, 64, 72, 1) !important;}.u-tintBgColor .u-fadeLeft:before {background-image: linear-gradient(to right, rgba(56, 64, 72, 1) 0%, rgba(56, 64, 72, 0) 100%) !important;}.u-tintBgColor .u-fadeRight:after {background-image: linear-gradient(to right, rgba(56, 64, 72, 0) 0%, rgba(56, 64, 72, 1) 100%) !important;} .u-tintSpectrum .u-baseColor--borderLight {border-color: #A4A8AD !important;} .u-tintSpectrum .u-baseColor--borderNormal {border-color: #C9CCD0 !important;} .u-tintSpectrum .u-baseColor--borderDark {border-color: #EEEEF1 !important;} .u-tintSpectrum .u-baseColor--iconLight .svgIcon,.u-tintSpectrum .u-baseColor--iconLight.svgIcon {fill: #A4A8AD !important;} .u-tintSpectrum .u-baseColor--iconNormal .svgIcon,.u-tintSpectrum .u-baseColor--iconNormal.svgIcon {fill: #C9CCD0 !important;} .u-tintSpectrum .u-baseColor--iconDark .svgIcon,.u-tintSpectrum .u-baseColor--iconDark.svgIcon {fill: #EEEEF1 !important;} .u-tintSpectrum .u-baseColor--textNormal {color: #C9CCD0 !important;} .u-tintSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: #FFFFFF !important;} .u-tintSpectrum .u-baseColor--textDark {color: #FFFFFF !important;} .u-tintSpectrum .u-baseColor--textDarker {color: #FFFFFF !important;} .u-tintSpectrum .u-baseColor--backgroundLight {background-color: #A4A8AD !important;} .u-tintSpectrum .u-baseColor--backgroundNormal {background-color: #C9CCD0 !important;} .u-tintSpectrum .u-baseColor--backgroundDark {background-color: #EEEEF1 !important;} .u-tintSpectrum .u-baseColor--buttonLight {border-color: #A4A8AD !important; color: #A4A8AD !important;} .u-tintSpectrum .u-baseColor--buttonLight:hover {border-color: #A4A8AD !important;} .u-tintSpectrum .u-baseColor--buttonLight .icon:before,.u-tintSpectrum .u-baseColor--buttonLight .svgIcon {color: #A4A8AD !important; fill: #A4A8AD !important;} .u-tintSpectrum .u-baseColor--buttonDark {border-color: #EEEEF1 !important; color: #FFFFFF !important;} .u-tintSpectrum .u-baseColor--buttonDark:hover {border-color: #FFFFFF !important;} .u-tintSpectrum .u-baseColor--buttonDark .icon:before,.u-tintSpectrum .u-baseColor--buttonDark .svgIcon {color: #EEEEF1 !important; fill: #EEEEF1 !important;} .u-tintSpectrum .u-baseColor--buttonNormal {border-color: #C9CCD0 !important; color: #C9CCD0 !important;} .u-tintSpectrum .u-baseColor--buttonNormal:hover {border-color: #EEEEF1 !important;} .u-tintSpectrum .u-baseColor--buttonNormal .icon:before,.u-tintSpectrum .u-baseColor--buttonNormal .svgIcon {color: #C9CCD0 !important; fill: #C9CCD0 !important;} .u-tintSpectrum .u-baseColor--buttonDark.button--filled,.u-tintSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: #EEEEF1 !important; border-color: #EEEEF1 !important; color: rgba(56, 64, 72, 1) !important; fill: rgba(56, 64, 72, 1) !important;} .u-tintSpectrum .u-baseColor--buttonNormal.button--filled,.u-tintSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: #C9CCD0 !important; border-color: #C9CCD0 !important; color: rgba(56, 64, 72, 1) !important; fill: rgba(56, 64, 72, 1) !important;} .u-tintSpectrum .u-baseColor--link {color: #C9CCD0 !important;} .u-tintSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: #FFFFFF !important;} .u-tintSpectrum .u-baseColor--link.link--darken:hover,.u-tintSpectrum .u-baseColor--link.link--darken:focus,.u-tintSpectrum .u-baseColor--link.link--darken:active {color: #FFFFFF !important;} .u-tintSpectrum .u-baseColor--link.link--dark {color: #FFFFFF !important;} .u-tintSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-tintSpectrum .u-baseColor--link.link--dark.link--darken:active {color: #FFFFFF !important;} .u-tintSpectrum .u-baseColor--link.link--darker {color: #FFFFFF !important;} .u-tintSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: #A4A8AD;} .u-tintSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: #A4A8AD;} .u-tintSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: #A4A8AD;} .u-tintSpectrum .ui-h1,.u-tintSpectrum .ui-h2,.u-tintSpectrum .ui-h3,.u-tintSpectrum .ui-h4,.u-tintSpectrum .ui-brand1,.u-tintSpectrum .ui-brand2,.u-tintSpectrum .ui-captionStrong {color: #FFFFFF !important; fill: #FFFFFF !important;} .u-tintSpectrum .ui-body,.u-tintSpectrum .ui-caps {color: #FFFFFF !important; fill: #FFFFFF !important;} .u-tintSpectrum .ui-summary,.u-tintSpectrum .ui-caption {color: #A4A8AD !important; fill: #A4A8AD !important;} .u-tintSpectrum .u-accentColor--borderLight {border-color: #A4A8AD !important;} .u-tintSpectrum .u-accentColor--borderNormal {border-color: #C9CCD0 !important;} .u-tintSpectrum .u-accentColor--borderDark {border-color: #EEEEF1 !important;} .u-tintSpectrum .u-accentColor--iconLight .svgIcon,.u-tintSpectrum .u-accentColor--iconLight.svgIcon {fill: #A4A8AD !important;} .u-tintSpectrum .u-accentColor--iconNormal .svgIcon,.u-tintSpectrum .u-accentColor--iconNormal.svgIcon {fill: #C9CCD0 !important;} .u-tintSpectrum .u-accentColor--iconDark .svgIcon,.u-tintSpectrum .u-accentColor--iconDark.svgIcon {fill: #EEEEF1 !important;} .u-tintSpectrum .u-accentColor--textNormal {color: #C9CCD0 !important;} .u-tintSpectrum .u-accentColor--hoverTextNormal:hover {color: #C9CCD0 !important;} .u-tintSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: #FFFFFF !important;} .u-tintSpectrum .u-accentColor--textDark {color: #FFFFFF !important;} .u-tintSpectrum .u-accentColor--backgroundLight {background-color: #A4A8AD !important;} .u-tintSpectrum .u-accentColor--backgroundNormal {background-color: #C9CCD0 !important;} .u-tintSpectrum .u-accentColor--backgroundDark {background-color: #EEEEF1 !important;} .u-tintSpectrum .u-accentColor--buttonDark {border-color: #EEEEF1 !important; color: #FFFFFF !important;} .u-tintSpectrum .u-accentColor--buttonDark:hover {border-color: #FFFFFF !important;} .u-tintSpectrum .u-accentColor--buttonDark .icon:before,.u-tintSpectrum .u-accentColor--buttonDark .svgIcon{color: #EEEEF1 !important; fill: #EEEEF1 !important;} .u-tintSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: #C9CCD0 !important; color: #C9CCD0 !important;} .u-tintSpectrum .u-accentColor--buttonNormal:hover {border-color: #EEEEF1 !important;} .u-tintSpectrum .u-accentColor--buttonNormal .icon:before,.u-tintSpectrum .u-accentColor--buttonNormal .svgIcon{color: #C9CCD0 !important; fill: #C9CCD0 !important;} .u-tintSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-tintSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(56, 64, 72, 1) !important; fill: rgba(56, 64, 72, 1) !important;} .u-tintSpectrum .u-accentColor--buttonDark.button--filled,.u-tintSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-tintSpectrum .u-accentColor--fillWhenActive.is-active {background-color: #EEEEF1 !important; border-color: #EEEEF1 !important; color: rgba(56, 64, 72, 1) !important; fill: rgba(56, 64, 72, 1) !important;} .u-tintSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-tintSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: #C9CCD0 !important; border-color: #C9CCD0 !important; color: rgba(56, 64, 72, 1) !important; fill: rgba(56, 64, 72, 1) !important;} .u-tintSpectrum .postArticle.is-withAccentColors .markup--user,.u-tintSpectrum .postArticle.is-withAccentColors .markup--query {color: #C9CCD0 !important;} .u-accentColor--highlightFaint {background-color: rgba(240, 241, 243, 1) !important;} .u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(218, 225, 232, 1) !important;} .postArticle.is-withAccentColors .markup--quote.is-other {background-color: rgba(240, 241, 243, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(240, 241, 243, 1), rgba(240, 241, 243, 1));} .postArticle.is-withAccentColors .markup--quote.is-me {background-color: rgba(228, 232, 237, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(228, 232, 237, 1), rgba(228, 232, 237, 1));} .postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: rgba(218, 225, 232, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(218, 225, 232, 1), rgba(218, 225, 232, 1));} .postArticle.is-withAccentColors .markup--quote.is-selected {background-color: rgba(218, 225, 232, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(218, 225, 232, 1), rgba(218, 225, 232, 1));} .postArticle.is-withAccentColors .markup--highlight {background-color: rgba(218, 225, 232, 1) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(218, 225, 232, 1), rgba(218, 225, 232, 1));}</style><style class="js-collectionStyleConstant">.u-imageBgColor {background-color: rgba(0, 0, 0, 0.24705882352941178);} .u-imageSpectrum .u-baseColor--borderLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;} .u-imageSpectrum .u-baseColor--borderNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-baseColor--borderDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--iconLight .svgIcon,.u-imageSpectrum .u-baseColor--iconLight.svgIcon {fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-baseColor--iconNormal .svgIcon,.u-imageSpectrum .u-baseColor--iconNormal.svgIcon {fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--iconDark .svgIcon,.u-imageSpectrum .u-baseColor--iconDark.svgIcon {fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--textNormal {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--textDark {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--textDarker {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--backgroundLight {background-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-baseColor--backgroundNormal {background-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--backgroundDark {background-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important; color: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-baseColor--buttonLight:hover {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;} .u-imageSpectrum .u-baseColor--buttonLight .icon:before,.u-imageSpectrum .u-baseColor--buttonLight .svgIcon {color: rgba(255, 255, 255, 0.8) !important; fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-baseColor--buttonDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonDark:hover {border-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonDark .icon:before,.u-imageSpectrum .u-baseColor--buttonDark .svgIcon {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--buttonNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important; color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--buttonNormal:hover {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--buttonNormal .icon:before,.u-imageSpectrum .u-baseColor--buttonNormal .svgIcon {color: rgba(255, 255, 255, 0.9490196078431372) !important; fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--buttonDark.button--filled,.u-imageSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: rgba(255, 255, 255, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-baseColor--buttonNormal.button--filled,.u-imageSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: rgba(255, 255, 255, 0.9490196078431372) !important; border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-baseColor--link {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--darken:hover,.u-imageSpectrum .u-baseColor--link.link--darken:focus,.u-imageSpectrum .u-baseColor--link.link--darken:active {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--dark {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-imageSpectrum .u-baseColor--link.link--dark.link--darken:active {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--link.link--darker {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: rgba(255, 255, 255, 0.8);} .u-imageSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: rgba(255, 255, 255, 0.8);} .u-imageSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: rgba(255, 255, 255, 0.8);} .u-imageSpectrum .ui-h1,.u-imageSpectrum .ui-h2,.u-imageSpectrum .ui-h3,.u-imageSpectrum .ui-h4,.u-imageSpectrum .ui-brand1,.u-imageSpectrum .ui-brand2,.u-imageSpectrum .ui-captionStrong {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .ui-body,.u-imageSpectrum .ui-caps {color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .ui-summary,.u-imageSpectrum .ui-caption {color: rgba(255, 255, 255, 0.8) !important; fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-accentColor--borderLight {border-color: rgba(255, 255, 255, 0.6980392156862745) !important;} .u-imageSpectrum .u-accentColor--borderNormal {border-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-accentColor--borderDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--iconLight .svgIcon,.u-imageSpectrum .u-accentColor--iconLight.svgIcon {fill: rgba(255, 255, 255, 0.8) !important;} .u-imageSpectrum .u-accentColor--iconNormal .svgIcon,.u-imageSpectrum .u-accentColor--iconNormal.svgIcon {fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--iconDark .svgIcon,.u-imageSpectrum .u-accentColor--iconDark.svgIcon {fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--textNormal {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--hoverTextNormal:hover {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--textDark {color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--backgroundLight {background-color: rgba(255, 255, 255, 0.8980392156862745) !important;} .u-imageSpectrum .u-accentColor--backgroundNormal {background-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--backgroundDark {background-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonDark {border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonDark:hover {border-color: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonDark .icon:before,.u-imageSpectrum .u-accentColor--buttonDark .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-imageSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: rgba(255, 255, 255, 0.8980392156862745) !important; color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--buttonNormal:hover {border-color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--buttonNormal .icon:before,.u-imageSpectrum .u-accentColor--buttonNormal .svgIcon{color: rgba(255, 255, 255, 0.9490196078431372) !important; fill: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-imageSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-accentColor--buttonDark.button--filled,.u-imageSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-imageSpectrum .u-accentColor--fillWhenActive.is-active {background-color: rgba(255, 255, 255, 1) !important; border-color: rgba(255, 255, 255, 1) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-imageSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: rgba(255, 255, 255, 0.9490196078431372) !important; border-color: rgba(255, 255, 255, 0.9490196078431372) !important; color: rgba(0, 0, 0, 0.24705882352941178) !important; fill: rgba(0, 0, 0, 0.24705882352941178) !important;} .u-imageSpectrum .postArticle.is-withAccentColors .markup--user,.u-imageSpectrum .postArticle.is-withAccentColors .markup--query {color: rgba(255, 255, 255, 0.9490196078431372) !important;} .u-imageSpectrum .u-accentColor--highlightFaint {background-color: rgba(255, 255, 255, 0.2) !important;} .u-imageSpectrum .u-accentColor--highlightStrong.is-active .svgIcon {fill: rgba(255, 255, 255, 0.6) !important;} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {background-color: rgba(255, 255, 255, 0.2) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-other {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {background-color: rgba(255, 255, 255, 0.4) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-me {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {background-color: rgba(255, 255, 255, 0.6) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-targeted {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {background-color: rgba(255, 255, 255, 0.6) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--quote.is-selected {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));} .postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {background-color: rgba(255, 255, 255, 0.6) !important;} body.is-withMagicUnderlines .postArticle.is-withAccentColors .u-imageSpectrum .markup--highlight {background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));}.u-resetSpectrum .u-tintBgColor {background-color: rgba(255, 255, 255, 1) !important;}.u-resetSpectrum .u-tintBgColor .u-fadeLeft:before {background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%) !important;}.u-resetSpectrum .u-tintBgColor .u-fadeRight:after {background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) !important;} .u-resetSpectrum .u-baseColor--borderLight {border-color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--borderNormal {border-color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--borderDark {border-color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--iconLight .svgIcon,.u-resetSpectrum .u-baseColor--iconLight.svgIcon {fill: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--iconNormal .svgIcon,.u-resetSpectrum .u-baseColor--iconNormal.svgIcon {fill: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--iconDark .svgIcon,.u-resetSpectrum .u-baseColor--iconDark.svgIcon {fill: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--textNormal {color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--textNormal.u-baseColor--textDarken:hover {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--textDark {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--textDarker {color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--backgroundLight {background-color: rgba(0, 0, 0, 0.09803921568627451) !important;} .u-resetSpectrum .u-baseColor--backgroundNormal {background-color: rgba(0, 0, 0, 0.2) !important;} .u-resetSpectrum .u-baseColor--backgroundDark {background-color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonLight {border-color: rgba(0, 0, 0, 0.2980392156862745) !important; color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonLight:hover {border-color: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonLight .icon:before,.u-resetSpectrum .u-baseColor--buttonLight .svgIcon {color: rgba(0, 0, 0, 0.2980392156862745) !important; fill: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonDark {border-color: rgba(0, 0, 0, 0.6) !important; color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--buttonDark:hover {border-color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--buttonDark .icon:before,.u-resetSpectrum .u-baseColor--buttonDark .svgIcon {color: rgba(0, 0, 0, 0.6) !important; fill: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--buttonNormal {border-color: rgba(0, 0, 0, 0.4980392156862745) !important; color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonNormal:hover {border-color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--buttonNormal .icon:before,.u-resetSpectrum .u-baseColor--buttonNormal .svgIcon {color: rgba(0, 0, 0, 0.4980392156862745) !important; fill: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--buttonDark.button--filled,.u-resetSpectrum .u-baseColor--buttonDark.button--withChrome.is-active {background-color: rgba(0, 0, 0, 0.2980392156862745) !important; border-color: rgba(0, 0, 0, 0.2980392156862745) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-baseColor--buttonNormal.button--filled,.u-resetSpectrum .u-baseColor--buttonNormal.button--withChrome.is-active {background-color: rgba(0, 0, 0, 0.2) !important; border-color: rgba(0, 0, 0, 0.2) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-baseColor--link {color: rgba(0, 0, 0, 0.4980392156862745) !important;} .u-resetSpectrum .u-baseColor--link.link--darkenOnHover:hover {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--link.link--darken:hover,.u-resetSpectrum .u-baseColor--link.link--darken:focus,.u-resetSpectrum .u-baseColor--link.link--darken:active {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--link.link--dark {color: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .u-baseColor--link.link--dark.link--darken:hover,.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:focus,.u-resetSpectrum .u-baseColor--link.link--dark.link--darken:active {color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--link.link--darker {color: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .u-baseColor--placeholderNormal ::-webkit-input-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);} .u-resetSpectrum .u-baseColor--placeholderNormal ::-moz-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);} .u-resetSpectrum .u-baseColor--placeholderNormal :-ms-input-placeholder {color: rgba(0, 0, 0, 0.2980392156862745);} .u-resetSpectrum .ui-h1,.u-resetSpectrum .ui-h2,.u-resetSpectrum .ui-h3,.u-resetSpectrum .ui-h4,.u-resetSpectrum .ui-brand1,.u-resetSpectrum .ui-brand2,.u-resetSpectrum .ui-captionStrong {color: rgba(0, 0, 0, 0.8) !important; fill: rgba(0, 0, 0, 0.8) !important;} .u-resetSpectrum .ui-body,.u-resetSpectrum .ui-caps {color: rgba(0, 0, 0, 0.6) !important; fill: rgba(0, 0, 0, 0.6) !important;} .u-resetSpectrum .ui-summary,.u-resetSpectrum .ui-caption {color: rgba(0, 0, 0, 0.2980392156862745) !important; fill: rgba(0, 0, 0, 0.2980392156862745) !important;} .u-resetSpectrum .u-accentColor--borderLight {border-color: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--borderNormal {border-color: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--borderDark {border-color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--iconLight .svgIcon,.u-resetSpectrum .u-accentColor--iconLight.svgIcon {fill: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--iconNormal .svgIcon,.u-resetSpectrum .u-accentColor--iconNormal.svgIcon {fill: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--iconDark .svgIcon,.u-resetSpectrum .u-accentColor--iconDark.svgIcon {fill: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--textNormal {color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--hoverTextNormal:hover {color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--textNormal.u-accentColor--textDarken:hover {color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--textDark {color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--backgroundLight {background-color: rgba(26, 137, 23, 1) !important;} .u-resetSpectrum .u-accentColor--backgroundNormal {background-color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--backgroundDark {background-color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark {border-color: rgba(17, 128, 14, 1) !important; color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark:hover {border-color: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark .icon:before,.u-resetSpectrum .u-accentColor--buttonDark .svgIcon{color: rgba(15, 115, 12, 1) !important; fill: rgba(15, 115, 12, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal:not(.clapButton--largePill) {border-color: rgba(26, 137, 23, 1) !important; color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal:hover {border-color: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal .icon:before,.u-resetSpectrum .u-accentColor--buttonNormal .svgIcon{color: rgba(17, 128, 14, 1) !important; fill: rgba(17, 128, 14, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal.button--filled .icon:before,.u-resetSpectrum .u-accentColor--buttonNormal.button--filled .svgIcon{color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-accentColor--buttonDark.button--filled,.u-resetSpectrum .u-accentColor--buttonDark.button--withChrome.is-active,.u-resetSpectrum .u-accentColor--fillWhenActive.is-active {background-color: rgba(15, 115, 12, 1) !important; border-color: rgba(15, 115, 12, 1) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .u-accentColor--buttonNormal.button--filled:not(.clapButton--largePill),.u-resetSpectrum .u-accentColor--buttonNormal.button--withChrome.is-active:not(.clapButton--largePill) {background-color: rgba(17, 128, 14, 1) !important; border-color: rgba(17, 128, 14, 1) !important; color: rgba(255, 255, 255, 1) !important; fill: rgba(255, 255, 255, 1) !important;} .u-resetSpectrum .postArticle.is-withAccentColors .markup--user,.u-resetSpectrum .postArticle.is-withAccentColors .markup--query {color: rgba(17, 128, 14, 1) !important;}</style><div class="js-collectionFooter u-tintBgColor u-hide"><div class="container u-maxWidth1040"><div class="u-marginTop10 u-paddingTop10 u-paddingBottom30 u-tintSpectrum"><div class="linkSet u-clearfix"><div class="u-floatRight u-textColorNormal u-baseColor--textNormal u-xs-floatLeft"><a class="button button--chromeless u-baseColor--buttonNormal u-marginLeft15 u-lineHeight35 u-xs-block u-xs-marginLeft0" href="https://medium.com/flow-type/about" title="About Flow" aria-label="About Flow">About Flow</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://medium.com/flow-type/latest" title="Latest Stories for Flow" aria-label="Latest Stories for Flow">Latest Stories</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://medium.com/flow-type/archive" title="Archive for Flow" aria-label="Archive for Flow">Archive</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://medium.com/about">About Medium</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://policy.medium.com/medium-terms-of-service-9db0094a1e0f">Terms</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://policy.medium.com/medium-privacy-policy-f03bf92035c9">Privacy</a><span class="middotDivider u-xs-hide"></span><a class="button button--chromeless u-baseColor--buttonNormal u-lineHeight35 u-xs-block" href="https://medium.com/business">Teams</a></div></div></div></div></div></div></div></div><div class="loadingBar"></div><script>// <![CDATA[ window["obvInit"] = function (opt_embedded) {window["obvInit"]["embedded"] = opt_embedded; window["obvInit"]["ready"] = true;} // ]]></script><script>// <![CDATA[ var GLOBALS = {"audioUrl":"https://d1fcbxp97j4nb2.cloudfront.net","baseUrl":"https://medium.com","buildLabel":"20250404-2136-root","currentUser":{"userId":"lo_89bab220280d","isVerified":false,"subscriberEmail":"","hasPastMemberships":false,"isEnrolledInHightower":false,"isEligibleForHightower":true,"hightowerLastLockedAt":0,"isWriterProgramEnrolled":true,"isWriterProgramInvited":false,"isWriterProgramOptedOut":false,"writerProgramVersion":0,"writerProgramEnrolledAt":0,"friendLinkOnboarding":0,"hasAdditionalUnlocks":false,"hasApiAccess":false,"writerProgramDistributionSettingOptedIn":false,"isSuspended":false,"collectionOnboardingSeen":0,"atsQualifiedAt":0},"currentUserHasUnverifiedEmail":false,"isAuthenticated":false,"isCurrentUserVerified":false,"miroUrl":"https://cdn-images-1.medium.com","moduleUrls":{"base":"https://cdn-static-1.medium.com/_/fp/gen-js/main-base.bundle.05Hf4Eopt9MkEk19tmfsvA.12.js","common-async":"https://cdn-static-1.medium.com/_/fp/gen-js/main-common-async.bundle.uKM9CrDC2zGiTtYtcErWXQ.12.js","hightower":"https://cdn-static-1.medium.com/_/fp/gen-js/main-hightower.bundle.Sbq5rN7mnRFFhd9663VgQg.12.js","home-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-home-screens.bundle.P5DOvs33eZq2vtnRFa9tMw.12.js","misc-screens":"https://cdn-static-1.medium.com/_/fp/gen-js/main-misc-screens.bundle.GZNs0JTd3wzvvpHCDVICyQ.12.js","notes":"https://cdn-static-1.medium.com/_/fp/gen-js/main-notes.bundle.O_EMAh9TdSQmIZt9BjSj7w.12.js","payments":"https://cdn-static-1.medium.com/_/fp/gen-js/main-payments.bundle.QfTt0I9toSma5xqkGX8qjg.12.js","posters":"https://cdn-static-1.medium.com/_/fp/gen-js/main-posters.bundle.YRJ7dYFg4yoJ-SWnbMI-xw.12.js","power-readers":"https://cdn-static-1.medium.com/_/fp/gen-js/main-power-readers.bundle.awg6phvqmvH3Xt4l3v8d8A.12.js","pubs":"https://cdn-static-1.medium.com/_/fp/gen-js/main-pubs.bundle.gWO4HImLSjUbZY3uwftoaw.12.js","stats":"https://cdn-static-1.medium.com/_/fp/gen-js/main-stats.bundle.kIgMxb5kGqZrzIpjXmhPMw.12.js"},"previewConfig":{"weightThreshold":1,"weightImageParagraph":0.51,"weightIframeParagraph":0.8,"weightTextParagraph":0.08,"weightEmptyParagraph":0,"weightP":0.003,"weightH":0.005,"weightBq":0.003,"minPTextLength":60,"truncateBoundaryChars":20,"detectTitle":true,"detectTitleLevThreshold":0.15},"productName":"Medium","supportsEdit":false,"termsUrl":"//policy.medium.com/medium-terms-of-service-9db0094a1e0f","textshotHost":"textshot.textshot-production.svc.cluster.local","transactionId":"1743910641769:e515a9ce2be4","useragent":{"browser":"ie","family":"ie","os":"windows","version":7,"supportsDesktopEdit":false,"supportsInteract":false,"supportsView":true,"isMobile":false,"isTablet":false,"isNative":false,"supportsFileAPI":false,"isTier1":false,"clientVersion":"","clientChannel":"","supportsRealScrollEvents":false,"supportsVhUnits":false,"ruinsViewportSections":false,"supportsHtml5Video":false,"supportsMagicUnderlines":false,"isWebView":false,"isFacebookWebView":false,"supportsProgressiveMedia":false,"supportsPromotedPosts":true,"isBot":false,"isNativeIphone":false,"supportsCssVariables":false,"supportsVideoSections":true,"emojiSupportLevel":1,"isSearchBot":false,"isSyndicationBot":false,"isNativeAndroid":false,"isNativeIos":false,"isSeoAuditBot":false,"isInternalApp":false,"supportsApplePay":false,"supportsScrollableMetabar":false},"variants":{"allow_access":true,"allow_signup":true,"allow_test_auth":"disallow","android_dense_post_preview":"control","android_enable_editor_new_publishing_flow":true,"android_enable_friend_links_creation":true,"android_enable_friend_links_postpage_banners":true,"android_enable_image_sharer":true,"android_enable_lists_v2":true,"android_enable_syntax_highlight":true,"android_enable_topic_portals":true,"android_rating_prompt_stories_read_threshold":2,"android_two_hour_refresh":true,"available_annual_plan":"2c754bcc2995","available_annual_premium_plan":"4a442ace1476","available_monthly_plan":"60e220181034","available_monthly_premium_plan":"12a660186432","browsable_stream_config_bucket":"curated-topics","can_receive_tips_v0":true,"can_send_tips_v0":true,"coronavirus_topic_recirc":true,"disable_partner_program_enrollment":true,"disable_rex_pub_featuring_recirc":true,"dummy_gate_estimate_adblock_usage_li_home_web":true,"enable_abandoned_cart_promotion_email":true,"enable_abandoned_paywall_promotion_email":true,"enable_android_dynamic_aspirational_paywall":true,"enable_android_dynamic_programming_paywall":true,"enable_android_miro_v2":true,"enable_android_offline_reading":true,"enable_android_verified_author":true,"enable_app_flirty_thirty":true,"enable_apple_sign_in":true,"enable_apple_webhook":true,"enable_aurora_pub_follower_page":true,"enable_author_cards":true,"enable_author_cards_byline":true,"enable_auto_follow_on_subscribe":true,"enable_automod":true,"enable_bg_post_post":true,"enable_boost_experiment":"control","enable_braintree_apple_pay":true,"enable_braintree_client":true,"enable_braintree_google_pay":true,"enable_braintree_integration":true,"enable_braintree_paypal":true,"enable_braintree_trial_membership":true,"enable_braintree_webhook":true,"enable_branch_io":true,"enable_cache_less_following_feed":true,"enable_cancellation_discount_v1_1":true,"enable_configure_pronouns":true,"enable_conversion_model_v2":"group_2","enable_conversion_ranker_v2":"control","enable_creator_welcome_email":true,"enable_deprecate_legacy_providers_v3":true,"enable_deviant_get_variant_flag_from_medium2":true,"enable_diversification_rex":true,"enable_engagement_service_publish_response":true,"enable_entities_to_follow_v2":true,"enable_eventstats_event_processing":true,"enable_footer_app_buttons":true,"enable_google_one_tap":true,"enable_google_webhook":true,"enable_group_gifting":true,"enable_homepage_featured_feed":true,"enable_hybrid_ranking_model":"experiment","enable_iceland_forced_android":true,"enable_inline_comments":true,"enable_intrinsic_automatic_actions":true,"enable_ios_autorefresh":true,"enable_ios_dynamic_paywall_aspiriational":true,"enable_ios_dynamic_paywall_programming":true,"enable_ios_easy_resubscribe":true,"enable_ios_offline_reading":true,"enable_legacy_feed_in_iceland":true,"enable_lite_archive_page":true,"enable_lite_continue_this_thread":true,"enable_lite_gql_client_events":true,"enable_lite_homepage":true,"enable_lite_response_markup":true,"enable_lite_server_upstream_deadlines":true,"enable_lo_homepage":"control","enable_maim_the_meter":true,"enable_marketing_emails":true,"enable_mastodon_avatar_upload":true,"enable_mastodon_for_members":true,"enable_mastodon_for_members_username_selection":true,"enable_medium2_kbfd":true,"enable_medium_com_canonical_urls":true,"enable_members_only_audio":true,"enable_ml_rank_rex_anno":true,"enable_moc_load_processor_all_recs_surfaces":true,"enable_moc_load_processor_c":true,"enable_moc_load_processor_first_story":true,"enable_new_manage_membership_flow":true,"enable_new_stripe_customers":true,"enable_newsletter_lo_flow_custom_domains":true,"enable_pill_based_home_feed":true,"enable_post_bottom_responses":true,"enable_post_bottom_responses_input":true,"enable_post_bottom_responses_native":true,"enable_post_publish_permission_check":true,"enable_pp_country_expansion":true,"enable_pp_v4":true,"enable_pre_pp_v4":true,"enable_premium_tier":true,"enable_premium_tier_badge":true,"enable_pub_featuring":true,"enable_pub_featuring_notifications":true,"enable_pub_featuring_post_page_label":true,"enable_pub_featuring_stats":true,"enable_ranker_v10":"control","enable_recaptcha_enterprise":true,"enable_recirc_model":true,"enable_recommended_publishers_query":true,"enable_rex_aggregator_v2":true,"enable_rex_new_push_notification_endpoint":true,"enable_rex_reading_history":true,"enable_rito_upstream_deadlines":true,"enable_seamless_social_sharing":true,"enable_see_pronouns":true,"enable_sharer_create_post_share_key":true,"enable_sharer_validate_post_share_key":true,"enable_simplified_digest_v2_b":true,"enable_speechify_ios":true,"enable_speechify_widget":true,"enable_sprig":true,"enable_starspace":true,"enable_susi_redesign_android":true,"enable_susi_redesign_ios":true,"enable_switch_plan_premium_tier":true,"enable_tag_recs":true,"enable_tick_landing_page":true,"enable_tipping_v0_android":true,"enable_tipping_v0_ios":true,"enable_tribute_landing_page":true,"enable_trust_service_recaptcha":true,"enable_update_explore_wtf":true,"enable_update_topic_portals_wtf":true,"enable_updated_pub_recs_ui":true,"enable_user_profile_nofollow_attribute":true,"enable_verifications_service":true,"enable_winback_promotion_email":true,"get_highlights_from_engagement":true,"glyph_font_set":"m2-unbound-source-serif-pro","goliath_externalsearch_enable_comment_deindexation":true,"ios_display_paywall_after_onboarding":true,"ios_enable_friend_links_creation":true,"ios_enable_friend_links_postpage_banners":true,"ios_enable_home_post_menu":true,"ios_enable_lock_responses":true,"ios_enable_verified_book_author":true,"ios_iceland_nux":true,"ios_in_app_free_trial":true,"ios_remove_twitter_onboarding_step":true,"ios_social_share_sheet":true,"limit_post_referrers":true,"limit_user_follows":true,"mobile_custom_app_icon":true,"num_post_bottom_responses_to_show":3,"onboarding_tags_from_top_views":true,"reader_fair_distribution_non_qp":true,"redefined_top_posts":true,"reengagement_notification_duration":3,"rex_generator_max_candidates":1000,"signin_services":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple","signup_services":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple","skip_fs_cache_user_vals":true},"xsrfToken":"","iosAppId":"828256236","supportEmail":"yourfriends@medium.com","fp":{"/icons/monogram-mask.svg":"https://cdn-static-1.medium.com/_/fp/icons/monogram-mask.KPLCSFEZviQN0jQ7veN2RQ.12.svg","/icons/favicon-medium-editor.ico":"https://cdn-static-1.medium.com/_/fp/icons/favicon-medium-editor.PiakrZWB7Yb80quUVQWM6g.12.ico"},"authBaseUrl":"https://medium.com","imageUploadSizeMb":25,"isAuthDomainRequest":true,"algoliaApiEndpoint":"https://MQ57UUUQZ2-dsn.algolia.net","algoliaAppId":"MQ57UUUQZ2","algoliaSearchOnlyApiKey":"394474ced050e3911ae2249ecc774921","iosAppStoreUrl":"https://itunes.apple.com/app/medium-everyones-stories/id828256236?pt=698524&mt=8","iosAppLinkBaseUrl":"medium:","algoliaIndexPrefix":"medium_","androidPlayStoreUrl":"https://play.google.com/store/apps/details?id=com.medium.reader","googleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","androidPackage":"com.medium.reader","androidPlayStoreMarketScheme":"market://details?id=com.medium.reader","googleAuthUri":"https://accounts.google.com/o/oauth2/auth","androidScheme":"medium","layoutData":{"useDynamicScripts":false,"googleAnalyticsTrackingCode":"G-7JY7T788PK","jsShivUrl":"https://cdn-static-1.medium.com/_/fp/js/shiv.RI2ePTZ5gFmMgLzG5bEVAA.12.js","useDynamicCss":false,"faviconUrl":"https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19","faviconImageId":"5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19","fontSets":[{"id":8,"url":"https://glyph.medium.com/css/e/sr/latin/e/ssr/latin/e/ssb/latin/m2-unbound-source-serif-pro.css"},{"id":11,"url":"https://glyph.medium.com/css/m2-unbound-source-serif-pro.css"},{"id":9,"url":"https://glyph.medium.com/css/mkt.css"}],"glyphUrl":"https://glyph.medium.com"},"authBaseUrlRev":"moc.muidem//:sptth","stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","archiveUploadSizeMb":100,"previewConfig2":{"weightThreshold":1,"weightImageParagraph":0.05,"raiseImage":true,"enforceHeaderHierarchy":true,"isImageInsetRight":true},"isAmp":false,"iosScheme":"medium","facebook":{"key":"542599432471018","namespace":"medium-com","scope":{"default":["public_profile","email"],"connect":["public_profile","email"],"login":["public_profile","email"],"share":["public_profile","email"]}},"memberContentTopicId":"13d7efd82fb2","audioContentTopicId":"3792abbd134","isDoNotAuth":false,"buggle":{"videoUrl":"https://cdn-videos-1.medium.com","audioUrl":"https://cdn-audio-1.medium.com"},"referrerType":5,"partnerProgramEmail":"partnerprogram@medium.com","recaptchaKey":"6Lfc37IUAAAAAKGGtC6rLS13R1Hrw_BqADfS1LRk","countryCode":"SG","bypassMeter":false,"branchKey":"key_live_ofxXr2qTrrU9NqURK8ZwEhknBxiI6KBm","paypal":{"clientMode":"production","oneYearGift":{"name":"Medium Membership (1 Year, Digital Gift Code)","description":"Unlimited access to the best and brightest stories on Medium. Gift codes can be redeemed at medium.com/redeem.","price":"50.00","currency":"USD","sku":"membership-gift-1-yr"}},"collectionConfig":{"mediumOwnedAndOperatedCollectionIds":["8a9336e5bb4","b7e45b22fec3","193b68bd4fba","8d6b8a439e32","54c98c43354d","3f6ecf56618","d944778ce714","92d2092dc598","ae2a65f35510","1285ba81cada","544c7006046e","fc8964313712","40187e704f1c","88d9857e584e","7b6769f2748b","bcc38c8f6edf","cef6983b292","cb8577c9149e","444d13b52878","713d7dbc99b0","ef8e90590e66","191186aaafa0","55760f21cdc5","9dc80918cc93","bdc4052bbdba","8ccfed20cbb2"]},"bypassMeterWithShareKey":false,"recaptcha3Key":"6Lf8R9wUAAAAABMI_85Wb8melS7Zj6ziuf99Yot5","braintreeClientKey":"production_zjkj96jm_m56f8fqpf7ngnrd4","cdcMessaging":[{"text":"For more information on the novel coronavirus and Covid-19, visit ","href":"","type":"text","start":0,"end":0},{"text":"cdc.gov","href":"https://www.cdc.gov/coronavirus/2019-nCoV","type":"link","start":66,"end":73},{"text":".","href":"","type":"text","start":0,"end":0}],"braintree":{"merchantId":"m56f8fqpf7ngnrd4"},"diagnostics":{},"domain":"medium.com"} // ]]></script><script charset="UTF-8" src="https://cdn-static-1.medium.com/_/fp/gen-js/main-base.bundle.05Hf4Eopt9MkEk19tmfsvA.12.js" async></script><script>// <![CDATA[ window["obvInit"]({"references":{"Collection":{"ab067ae921ed":{"id":"ab067ae921ed","name":"Flow","slug":"flow-type","tags":["JAVASCRIPT","FLOW","REACT","PROGRAMMING","PROGRAMMING LANGUAGES"],"creatorId":"953cde5de02","description":"The official publication for the Flow static type checker for JavaScript. Code faster. Code smarter. Code confidently.","shortDescription":"The official publication for the Flow static type checker…","image":{"imageId":"1*mlCLV-3rGy-pLbUsMYEGoA.png","filter":"","backgroundSize":"","originalWidth":1481,"originalHeight":1481,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":1539,"activeAt":1722979439212},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false,"canLockOwnPostsForMediumMembers":false,"canViewNewsletterV2Stats":false,"canCreateNewsletterV3":false},"isSubscribed":false,"isEnrolledInHightower":false,"isEligibleForHightower":false,"isSubscribedToCollectionEmails":false,"isMuted":false,"canToggleEmail":false,"isWriter":false},"logo":{"imageId":"1*wgxj1RRhhI9pi2M_pvd3Kw.png","filter":"","backgroundSize":"","originalWidth":1680,"originalHeight":700,"strategy":"resample","height":0,"width":0},"twitterUsername":"flowtype","sections":[{"type":2,"collectionHeaderMetadata":{"title":"","description":"Code faster. Code smarter. Code confidently.","backgroundImage":{},"logoImage":{"id":"1*wgxj1RRhhI9pi2M_pvd3Kw@2x.png","originalWidth":1680,"originalHeight":700,"alt":"Flow"},"alignment":2,"layout":6}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":7,"postIds":[]}}],"tintColor":"#FF384048","lightText":true,"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF7D868F","point":0},{"color":"#FF757C85","point":0.1},{"color":"#FF6C737A","point":0.2},{"color":"#FF636970","point":0.3},{"color":"#FF5A5F65","point":0.4},{"color":"#FF51555A","point":0.5},{"color":"#FF474A4E","point":0.6},{"color":"#FF3C3F42","point":0.7},{"color":"#FF313436","point":0.8},{"color":"#FF262729","point":0.9},{"color":"#FF191A1B","point":1}],"backgroundColor":"#FFFFFFFF"},"tintBackgroundSpectrum":{"colorPoints":[{"color":"#FF384048","point":0},{"color":"#FF50575F","point":0.1},{"color":"#FF666D74","point":0.2},{"color":"#FF7B8188","point":0.3},{"color":"#FF90959B","point":0.4},{"color":"#FFA4A8AD","point":0.5},{"color":"#FFB7BABF","point":0.6},{"color":"#FFC9CCD0","point":0.7},{"color":"#FFDCDDE0","point":0.8},{"color":"#FFEEEEF1","point":0.9},{"color":"#FFFFFFFF","point":1}],"backgroundColor":"#FF384048"},"highlightSpectrum":{"colorPoints":[{"color":"#FFF2F2F5","point":0},{"color":"#FFF0F1F3","point":0.1},{"color":"#FFEEEFF2","point":0.2},{"color":"#FFEBEDF1","point":0.3},{"color":"#FFE9EBF0","point":0.4},{"color":"#FFE6E9EE","point":0.5},{"color":"#FFE4E8ED","point":0.6},{"color":"#FFE2E6EC","point":0.7},{"color":"#FFDFE4EB","point":0.8},{"color":"#FFDDE2EA","point":0.9},{"color":"#FFDAE1E8","point":1}],"backgroundColor":"#FFFFFFFF"},"darkBackgroundSpectrum":{"colorPoints":[{"color":"#FF959EA7","point":0},{"color":"#FF9FA6AF","point":0.1},{"color":"#FFA8AFB7","point":0.2},{"color":"#FFB1B7BE","point":0.3},{"color":"#FFBABFC6","point":0.4},{"color":"#FFC3C7CD","point":0.5},{"color":"#FFCCCFD4","point":0.6},{"color":"#FFD5D7DB","point":0.7},{"color":"#FFDDDFE2","point":0.8},{"color":"#FFE6E6E9","point":0.9},{"color":"#FFEFEEF0","point":1}],"backgroundColor":"#FF000000"}},"navItems":[],"colorBehavior":2,"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"","description":"Code faster. Code smarter. Code confidently.","backgroundImage":{},"logoImage":{"id":"1*wgxj1RRhhI9pi2M_pvd3Kw@2x.png","originalWidth":1680,"originalHeight":700,"alt":"Flow"},"alignment":2,"layout":6},"subscriberCount":1539,"tagline":"The official publication for the Flow static type checker","isOptedIntoAurora":false,"isCurationAllowedByDefault":false,"polarisCoverImage":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"ptsQualifiedAt":1616092870597,"type":"Collection"}},"User":{"953cde5de02":{"userId":"953cde5de02","name":"Jordan Brown","username":"jordanbrown215","createdAt":1500993258119,"imageId":"0*vKNcrvCUYN_kVSkS.","backgroundImageId":"","bio":"","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"Jordan Brown","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[32,3,2,1,33],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"ef334788334b":{"userId":"ef334788334b","name":"Alex Taylor","username":"alexmckenley","createdAt":1586894364250,"imageId":"0*DPV4eX3sdJ2wH5Ew","backgroundImageId":"","bio":"","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[8,44,29],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"369e550db90e":{"userId":"369e550db90e","name":"Panagiotis Vekris","username":"panvekris","createdAt":1501482271166,"imageId":"","backgroundImageId":"","bio":"","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[8,2],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"b4c39a4d72c1":{"userId":"b4c39a4d72c1","name":"Sam Zhou","username":"samzhou","createdAt":1664390690481,"imageId":"0*AII7r6X5PwPjNgPj","backgroundImageId":"","bio":"","twitterScreenName":"","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[2,33],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"},"95a4c0399e1f":{"userId":"95a4c0399e1f","name":"George Zahariev","username":"gkz","createdAt":1449204123799,"imageId":"1*nFcMwZ15r7EnAmgTdOLXhA.jpeg","backgroundImageId":"","bio":"https://twitter.com/gkzahariev","twitterScreenName":"gkzahariev","allowNotes":1,"mediumMemberAt":0,"isWriterProgramEnrolled":true,"isSuspended":false,"isMembershipTrialEligible":true,"facebookDisplayName":"","optInToIceland":true,"hasCompletedProfile":false,"userDismissableFlags":[29,5,53,30,2,18,1,33],"hasSeenIcelandOnboarding":false,"postSubscribeMembershipUpsellShownAt":0,"languageCode":"en-us","type":"User"}},"Post":{"75b883c80749":{"id":"75b883c80749","versionId":"65595c9e8ced","creatorId":"953cde5de02","homeCollectionId":"ab067ae921ed","title":"Announcing: Mapped Types + Pick, Omit, and Record","detectedLanguage":"en","latestVersion":"65595c9e8ced","latestPublishedVersion":"65595c9e8ced","hasUnpublishedEdits":false,"latestRev":146,"createdAt":1722979036229,"updatedAt":1731990407876,"acceptedAt":0,"firstPublishedAt":1722979439118,"latestPublishedAt":1722979492004,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"tl;dr: Mapped types allow you to transform object types into other object types. We have added definitions for Pick, Omit, and Record…","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*2owqK37DhgF6nh6rgWvS1A.jpeg","filter":"","backgroundSize":"","originalWidth":4800,"originalHeight":3200,"strategy":"resample","height":0,"width":0},"wordCount":431,"imageCount":1,"readingTime":1.8264150943396227,"subtitle":"tl;dr: Mapped types allow you to transform object types into other object types. We have added definitions for Pick, Omit, and Record…","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":1,"isBookmarked":false,"tags":[{"slug":"javascrıpt","name":"Javascrıpt","postCount":284,"metadata":{"postCount":284,"coverImage":{"id":"1*GooYXQZ1bAEa-GuSn_NJGA.jpeg","originalWidth":5304,"originalHeight":6630,"isFeatured":true}},"type":"Tag"},{"slug":"flow","name":"Flow","postCount":8355,"metadata":{"postCount":8355,"coverImage":{"id":"1*2xsd0z9fe5HIM_HMhCCV8A.png","originalWidth":1000,"originalHeight":630,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://flow.org/en/docs/lang/variance/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/utilities/#toc-objmap","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/install/#setup-compiler","alts":[],"httpStatus":200},{"url":"https://www.typescriptlang.org/docs/handbook/2/mapped-types.html","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/mapped-types/","alts":[],"httpStatus":200},{"url":"https://medium.com/flow-type/announcing-conditional-types-765b421f3a87","alts":[{"type":3,"url":"medium://p/765b421f3a87"},{"type":2,"url":"medium://p/765b421f3a87"}],"httpStatus":200},{"url":"https://github.com/facebook/flow/blob/28e31fbde379a63240b6902d6d0965570b362a36/lib/core.js#L2811-L2827","alts":[],"httpStatus":200},{"url":"https://github.com/facebook/flow/blob/main/Changelog.md#02120","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1722979493057},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":2,"sectionCount":1,"readingList":0,"topics":[{"topicId":"63c6f1f93ee","slug":"javascript","createdAt":1493945704961,"deletedAt":0,"image":{"id":"1*5UyyDJ1ESD11yQNd1UVAaQ@2x.jpeg","originalWidth":5472,"originalHeight":3648},"name":"Javascript","description":"An ode to code.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Javascript News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"announcing-mapped-types-pick-omit-and-record","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"announcing-mapped-types-pick-omit-and-record-75b883c80749","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*2owqK37DhgF6nh6rgWvS1A.jpeg","originalWidth":4800,"originalHeight":3200,"isFeatured":true}},{"name":"4b87","type":3,"text":"Announcing: Mapped Types + Pick, Omit, and Record","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"tl;dr: Mapped types allow you to transform object types into other object types. We have added definitions for Pick, Omit, and Record…"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"ab067ae921ed","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"4b87","type":3,"text":"Announcing: Mapped Types + Pick, Omit, and Record","markups":[]},{"name":"eead","type":4,"text":"Photo by Mihis Alex on pexels.com","markups":[],"layout":1,"metadata":{"id":"1*2owqK37DhgF6nh6rgWvS1A.jpeg","originalWidth":4800,"originalHeight":3200,"isFeatured":true}},{"name":"6bba","type":1,"text":"tl;dr: Mapped types allow you to transform object types into other object types. We have added definitions for Pick, Omit, and Record utility types to our library definitions. Docs here.","markups":[{"type":10,"start":111,"end":115},{"type":10,"start":117,"end":121},{"type":10,"start":127,"end":133},{"type":3,"start":176,"end":185,"href":"https://flow.org/en/docs/types/mapped-types/","title":"","rel":"","anchorType":0},{"type":2,"start":0,"end":186}]},{"name":"be37","type":1,"text":"Mapped Types are enabled by default as of Flow v0.212. To use them, make sure you are following our recommended…","markups":[{"type":3,"start":42,"end":53,"href":"https://github.com/facebook/flow/blob/main/Changelog.md#02120","title":"","rel":"","anchorType":0},{"type":3,"start":121,"end":129,"href":"https://flow.org/en/docs/install/#setup-compiler","title":"","rel":"","anchorType":0},{"type":3,"start":145,"end":167,"href":"https://www.typescriptlang.org/docs/handbook/2/mapped-types.html","title":"","rel":"","anchorType":0}]}],"sections":[{"name":"d216","startIndex":0}]},"isFullContent":false,"subtitle":"tl;dr: Mapped types allow you to transform object types into other object types. We have added definitions for Pick, Omit, and Record…"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"b6c5285660d0":{"id":"b6c5285660d0","versionId":"a9bd01910494","creatorId":"ef334788334b","homeCollectionId":"ab067ae921ed","title":"New Flow Language Features for React","detectedLanguage":"en","latestVersion":"a9bd01910494","latestPublishedVersion":"a9bd01910494","hasUnpublishedEdits":false,"latestRev":1002,"createdAt":1710438310157,"updatedAt":1732870008152,"acceptedAt":0,"firstPublishedAt":1712172624428,"latestPublishedAt":1712683038573,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Write Safer and more Succinct React with Flow","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*ofDWSeYHJ0mOxhOqA-XhgA.png","filter":"","backgroundSize":"","originalWidth":932,"originalHeight":308,"strategy":"resample","height":0,"width":0},"wordCount":1590,"imageCount":1,"readingTime":6.2,"subtitle":"Write Safer and more Succinct React with Flow","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":60,"isBookmarked":false,"tags":[{"slug":"javascript","name":"JavaScript","postCount":294622,"metadata":{"postCount":294622,"coverImage":{"id":"1*QisgQNb1GYtqet_rg5XbSw.png","originalWidth":1536,"originalHeight":512,"isFeatured":true}},"type":"Tag"},{"slug":"reactjs","name":"Reactjs","postCount":33187,"metadata":{"postCount":33187,"coverImage":{"id":"0*DzxxY7308kvoikat.jpeg","originalWidth":780,"originalHeight":359,"isFeatured":true}},"type":"Tag"},{"slug":"react","name":"React","postCount":115003,"metadata":{"postCount":115003,"coverImage":{"id":"1*VsdEXli0f29uuZrgcwrhmA.png","originalWidth":1400,"originalHeight":438,"isFeatured":true}},"type":"Tag"},{"slug":"react-native","name":"React Native","postCount":29514,"metadata":{"postCount":29514,"coverImage":{"id":"1*Sed3AMym26JAPV4TC2BKyQ.jpeg","originalWidth":744,"originalHeight":358,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":4,"links":{"entries":[{"url":"https://react.dev/reference/rules","alts":[],"httpStatus":200},{"url":"https://react.dev/reference/react/useRef","alts":[],"httpStatus":200},{"url":"https://flow.org/try/#1N4Igxg9gdgZglgcxALlAIwIZoKYBsD6uEEAztvhgE6UYCe+JADpdhgCYowa5kA0I2KAFcAtiRQAXSkOz9sADwxgJ+NPTbYuQ3BMnTZA+Y2yU4IwRO4A6SFBIrGVDGM7c+IFkolXpUCWewUEAwhCQgRDH8wEH4hMnwROHlsNnw4KHwwSLAAC3wANyo4LFxscWQuHgMNZmwsiRSAWglaY1cq-hIAa2wJXNpG4Vxcdvdu3v7B0RxKUYMhKDBSqmbWwIq3eagoOrKSKgH0wtMMPznY7d2SfcoBiEZ-aG5G3Ix085AF-ZhsRoRehqUEiNMgSQHlSruBZxJrMcJwMhzAC+-EgGiCZkYEEoEgABMAYQBlSwNXi4mEAURgP2USNxMEo4VxAHJPMpmQBuAA6UB5kBEWJ2flxADFiAAKCBoABWyHxVEocoAgtQ6AAeYQiGYAPiRAEp8TzcbjbPZcTsAO4AeRluIAvPirE6pdKkdyoMaAPSe3EUgBKfqtfoAhLiAJoQIQm+5wFK4iQ5bC4yOA5Myup4tCheOJ3HpHaUXEKuh5ki4+xwYa4kShSIpI3m7DWmVWBUAbQADABde24gDMHNxPIbLAkQkoHqGuHdSJiIHyJhIcGgQXyHasACY+32rB2QEigA","alts":[],"httpStatus":200},{"url":"https://react.dev/reference/rules/rules-of-hooks","alts":[],"httpStatus":200},{"url":"https://react.dev/learn/keeping-components-pure","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/react/component-syntax/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/react/hook-syntax/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/react/render-types/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/react/render-types/#rendering-optional-elements","alts":[],"httpStatus":200},{"url":"https://github.com/facebook/flow/releases/tag/v0.233.0","alts":[],"httpStatus":200},{"url":"https://github.com/alexmckenley/react-flow-vite-template","alts":[],"httpStatus":200},{"url":"https://www.npmjs.com/package/eslint-plugin-react-hooks","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1712683040048},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":373,"sectionCount":1,"readingList":0,"topics":[{"topicId":"63c6f1f93ee","slug":"javascript","createdAt":1493945704961,"deletedAt":0,"image":{"id":"1*5UyyDJ1ESD11yQNd1UVAaQ@2x.jpeg","originalWidth":5472,"originalHeight":3648},"name":"Javascript","description":"An ode to code.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Javascript News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"announcing-component-syntax","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"announcing-component-syntax-b6c5285660d0","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"1*ofDWSeYHJ0mOxhOqA-XhgA.png","originalWidth":932,"originalHeight":308,"isFeatured":true}},{"name":"e978","type":3,"text":"New Flow Language Features for React","markups":[{"type":1,"start":0,"end":36}],"alignment":1},{"name":"f74f","type":13,"text":"Write Safer and more Succinct React with Flow","markups":[{"type":2,"start":0,"end":45}],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Write Safer and more Succinct React with Flow"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"ab067ae921ed","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":6,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"e978","type":3,"text":"New Flow Language Features for React","markups":[{"type":1,"start":0,"end":36}]},{"name":"f74f","type":13,"text":"Write Safer and more Succinct React with Flow","markups":[{"type":2,"start":0,"end":45}]},{"name":"cc0c","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*ofDWSeYHJ0mOxhOqA-XhgA.png","originalWidth":932,"originalHeight":308,"isFeatured":true}},{"name":"a699","type":1,"text":"We have thousands of engineers committing React code every day to Meta’s largest codebases. Part of our responsibility on the Flow team is to make it as easy as possible for anyone to contribute, from design system React experts to C++ engineers making one-off internal pages to support their backend…","markups":[{"type":2,"start":174,"end":180}]}],"sections":[{"name":"73d7","startIndex":0}]},"isFullContent":false,"subtitle":"Write Safer and more Succinct React with Flow"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"b979bb2e78cf":{"id":"b979bb2e78cf","versionId":"8f0f9077bb3b","creatorId":"369e550db90e","homeCollectionId":"ab067ae921ed","title":"Announcing User Defined Type Guards in Flow","detectedLanguage":"en","latestVersion":"8f0f9077bb3b","latestPublishedVersion":"8f0f9077bb3b","hasUnpublishedEdits":false,"latestRev":161,"createdAt":1709658702266,"updatedAt":1732996880192,"acceptedAt":0,"firstPublishedAt":1709677634317,"latestPublishedAt":1709841413001,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Flow now lets you define a function that encodes a type predicate over its parameter. This predicate, which we refer to as a type guard…","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*dpF4Tf97ukK5wCUCeDbCbg.png","filter":"","backgroundSize":"","originalWidth":706,"originalHeight":376,"strategy":"resample","height":0,"width":0},"wordCount":868,"imageCount":1,"readingTime":3.475471698113208,"subtitle":"Flow now lets you define a function that encodes a type predicate over its parameter. This predicate, which we refer to as a type guard…","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":0,"isBookmarked":false,"tags":[],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://flow.org/try/#1N4Igxg9gdgZglgcxALlAJwKYEMwBcD6aArlLnALYYrgA2WAzvXGCADQgYAeOBARgJ74AJhhhYiNXClzEM7DFCLl602e0hQhcMtCw18ufgAcqyMTXpyQ5LEZNCDx0+cvzOJtBQW49AOkMm+AhEWGhCKsgyRBgAvuoQItQwJHhw0AAEoRgAchC42RI0ABScyOnkcJwYQqzp-GUVVUIAlGW8EBA02FDpAKRgABYYYADW9OnAADo96Zi4RGg9nOkAhAC86Yo0NOkAZLt1qxtbNADc0zHT0yJgdJjpAG6h6aXpAPz0MnBQCOeaw3cMI9nvV3p9PD8-tM4DAillcvlCiVavxms0JtN0lj0iUyuDvghmn9sTjQfifkSLmwQA8MGgmNBqA8AAy+ABMAEZWRyQDEgA","alts":[],"httpStatus":200},{"url":"https://flow.org/try/#1N4Igxg9gdgZglgcxALlAJwKYEMwBcD6aArlLnALYYrgA2WAzvXGCADQgYAeOBARgJ74AJhhhYiNXClzEM7DFCLl602e0hQhcMtCw18ufgAcqyMTXpyQ5LEZNCDx0+cvzOJtBQW49AOkMm+AhEWGhCKsgyRBgAvuoQItQwJHhw0AAEcPQAyjJwUAgAchI0APJoAOoAFtoY9EY4GAAU9DLI6QD8rZ4FAJTtvBAQNNhQ6QCkYFUYYADW9OnAADpj6Zi4RGhj3ekAvLvpijQ06QA+p+nd-p7kTb17++kA5E8A3CsxKysiYHSY6QA3ULpTjtLp5ArvKBwGDpJoAQiyuR6RRK5WqtXqjSanF692Wqxx7W6+QQvShnygAHoqekAMLQAEYNBkAqZHIQ1HHdE1XB1BpgDDpXAQdJYYVOdLBUJCdLJKCpDJZQ4QXDpIxoHjMPSsFY0sULXDTf7KqCijVasB6CUmYWikT0MCeXhCo1C0QwGZqiCwq55W69XzpPW0iraKoTKYzeasdIZN1xt1odJVLCaWMAMRoEAA7uleJgsPN0kQjMLpurMForXzMmNtAsGiz6CGxZoS5ZDRWoBgEFgdGMfeWhUcaABaKNzO1rUT5IWcackgq+FZsEBMtBMaDUAEABl8ACYAIz7o8gGJAA","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/type-guards#toc-restrictions-of-type-guard-functions","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/type-guards/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/functions/#predicate-functions","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/type-guards/#toc-adoption","alts":[],"httpStatus":200},{"url":"https://www.typescriptlang.org/play#code/GYVwdgxgLglg9mABGEBbA8gJwMpUwUU0zkwAoAPALkXAGsw4B3MASmvMRgGdk0AjAKaZEAH0Rc8MMAHNEAbwBQiRJgFQQmJKSgBPAA4C4wRBwC85xACIUqQZkuixug0ZOJzpq3zhwANgIBDMEsWAG4FAF8FBVBIWAROLgA5fiFCYkwARgpqOgZmNjduXlsheSU3T0zw5VV1TURnQ2MzC2tU+1DEAHpu5Q5ixkwYKCgBJCg4SOjY6HgkbhTSgiISACYcmjB6JlZ2RJK7eR6+gZ5VAK4uGGkwAQATCtn4pGAfUhZy5X73RGqKqLKN5wD41FRqDQTfTNSptGx2SzhCJAA","alts":[],"httpStatus":200},{"url":"https://developer.mozilla.org/en-US/docs/Glossary/Falsy","alts":[],"httpStatus":200},{"url":"https://github.com/facebook/flow/blob/57a92b842fc032ab2cfc94dd4bb2d9613a7cb2a2/lib/core.js#L743","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1709841413531},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":0,"sectionCount":1,"readingList":0,"topics":[{"topicId":"63c6f1f93ee","slug":"javascript","createdAt":1493945704961,"deletedAt":0,"image":{"id":"1*5UyyDJ1ESD11yQNd1UVAaQ@2x.jpeg","originalWidth":5472,"originalHeight":3648},"name":"Javascript","description":"An ode to code.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Javascript News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"announcing-user-defined-type-guards-in-flow","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"announcing-user-defined-type-guards-in-flow-b979bb2e78cf","previewContent":{"bodyModel":{"paragraphs":[{"name":"2430","type":4,"text":"","markups":[],"layout":9,"metadata":{"id":"1*dpF4Tf97ukK5wCUCeDbCbg.png","originalWidth":706,"originalHeight":376}},{"name":"2060","type":3,"text":"Announcing User Defined Type Guards in Flow","markups":[],"alignment":1},{"name":"49d2","type":1,"text":"Flow now lets you define a function that encodes a type predicate over its…","markups":[],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Flow now lets you define a function that encodes a type predicate over its parameter. This predicate, which we refer to as a type guard…"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"ab067ae921ed","isNewsletter":false,"newsletterId":"","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"2430","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*dpF4Tf97ukK5wCUCeDbCbg.png","originalWidth":706,"originalHeight":376}},{"name":"2060","type":3,"text":"Announcing User Defined Type Guards in Flow","markups":[]},{"name":"49d2","type":1,"text":"Flow now lets you define a function that encodes a type predicate over its parameter. This predicate, which we refer to as a type guard, is annotated in place of a return type annotation as x is PredicateType. It declares that if the function returns true then its parameter x…","markups":[{"type":10,"start":190,"end":208},{"type":10,"start":251,"end":255},{"type":10,"start":275,"end":276},{"type":10,"start":288,"end":301},{"type":3,"start":125,"end":135,"href":"https://flow.org/en/docs/types/type-guards/","title":"","rel":"","anchorType":0},{"type":2,"start":125,"end":135}]}],"sections":[{"name":"be68","startIndex":0}]},"isFullContent":false,"subtitle":"Flow now lets you define a function that encodes a type predicate over its parameter. This predicate, which we refer to as a type guard…"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":false,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"765b421f3a87":{"id":"765b421f3a87","versionId":"62a8bfcf2c1f","creatorId":"b4c39a4d72c1","homeCollectionId":"ab067ae921ed","title":"Announcing Conditional Types","detectedLanguage":"en","latestVersion":"62a8bfcf2c1f","latestPublishedVersion":"62a8bfcf2c1f","hasUnpublishedEdits":false,"latestRev":246,"createdAt":1709663404226,"updatedAt":1732996019115,"acceptedAt":0,"firstPublishedAt":1709672421434,"latestPublishedAt":1709679233820,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Conditional types allow you to choose between two different output types by inspecting an input type. The syntax (inspired by TypeScript)…","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*kX5EhkWiLPiwmF3SSFTYKw.png","filter":"","backgroundSize":"","originalWidth":548,"originalHeight":214,"strategy":"resample","height":0,"width":0},"wordCount":570,"imageCount":1,"readingTime":2.3509433962264152,"subtitle":"Conditional types allow you to choose between two different output types by inspecting an input type. The syntax (inspired by TypeScript)…","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":1,"isBookmarked":false,"tags":[],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://flow.org/en/docs/types/indexed-access/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/conditional/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/conditional/#toc-infer-type","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/utilities/#toc-diff","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/utilities/#toc-objmap","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/conditional/#toc-distributive-conditional-type","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/utilities/#toc-omit","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/utilities/#toc-return-type","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/utilities/#toc-rest","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/conditional/#toc-adoption","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1709679233975},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":10,"sectionCount":1,"readingList":0,"topics":[{"topicId":"63c6f1f93ee","slug":"javascript","createdAt":1493945704961,"deletedAt":0,"image":{"id":"1*5UyyDJ1ESD11yQNd1UVAaQ@2x.jpeg","originalWidth":5472,"originalHeight":3648},"name":"Javascript","description":"An ode to code.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Javascript News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"announcing-conditional-types","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"announcing-conditional-types-765b421f3a87","previewContent":{"bodyModel":{"paragraphs":[{"name":"5af1","type":4,"text":"","markups":[],"layout":9,"metadata":{"id":"1*kX5EhkWiLPiwmF3SSFTYKw.png","originalWidth":548,"originalHeight":214}},{"name":"3ea4","type":3,"text":"Announcing Conditional Types","markups":[],"alignment":1},{"name":"1f91","type":1,"text":"Conditional types allow you to choose between two different output types by inspecting an input type. The…","markups":[{"type":3,"start":0,"end":17,"href":"https://flow.org/en/docs/types/conditional/","title":"","rel":"noopener","anchorType":0}],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Conditional types allow you to choose between two different output types by inspecting an input type. The syntax (inspired by TypeScript)…"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"ab067ae921ed","isNewsletter":false,"newsletterId":"b29ed2fabd7c","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"5af1","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*kX5EhkWiLPiwmF3SSFTYKw.png","originalWidth":548,"originalHeight":214}},{"name":"3ea4","type":3,"text":"Announcing Conditional Types","markups":[]},{"name":"1f91","type":1,"text":"Conditional types allow you to choose between two different output types by inspecting an input type. The syntax (inspired by TypeScript) is similar to a ternary expression:","markups":[{"type":3,"start":0,"end":17,"href":"https://flow.org/en/docs/types/conditional/","title":"","rel":"noopener","anchorType":0}]},{"name":"357a","type":8,"text":"type T = CheckType extends ExtendsType ? TrueType : FalseType;","markups":[],"codeBlockMetadata":{"mode":2,"lang":"typescript"}},{"name":"a6dd","type":1,"text":"If CheckType is a subtype of ExtendsType, the result is TrueType, otherwise it…","markups":[{"type":10,"start":3,"end":12},{"type":10,"start":29,"end":40},{"type":10,"start":56,"end":64},{"type":10,"start":82,"end":91}]}],"sections":[{"name":"6fdc","startIndex":0}]},"isFullContent":false,"subtitle":"Conditional types allow you to choose between two different output types by inspecting an input type. The syntax (inspired by TypeScript)…"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"3ef41567ff3e":{"id":"3ef41567ff3e","versionId":"6b2a529e8b85","creatorId":"95a4c0399e1f","homeCollectionId":"ab067ae921ed","title":"New type casting syntax for Flow: “as”","detectedLanguage":"en","latestVersion":"6b2a529e8b85","latestPublishedVersion":"6b2a529e8b85","hasUnpublishedEdits":false,"latestRev":153,"createdAt":1707247466056,"updatedAt":1709076667824,"acceptedAt":0,"firstPublishedAt":1707248106704,"latestPublishedAt":1709076667824,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"To make it easier for new users to get started with Flow, we’re updating our type casting syntax to use “as”, like TypeScript, Hack, Swift…","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"1*Qz7Vz1kppEptexmWxwn8ww.png","filter":"","backgroundSize":"","originalWidth":344,"originalHeight":256,"strategy":"resample","height":0,"width":0},"wordCount":294,"imageCount":1,"readingTime":1.3094339622641509,"subtitle":"To make it easier for new users to get started with Flow, we’re updating our type casting syntax to use “as”, like TypeScript, Hack, Swift…","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":10,"isBookmarked":false,"tags":[{"slug":"javascript","name":"JavaScript","postCount":294622,"metadata":{"postCount":294622,"coverImage":{"id":"1*QisgQNb1GYtqet_rg5XbSw.png","originalWidth":1536,"originalHeight":512,"isFeatured":true}},"type":"Tag"},{"slug":"flowtype","name":"Flowtype","postCount":200,"metadata":{"postCount":200,"coverImage":{"id":"1*W5e7CK14sPqWZnLJhvaCCw.gif","originalWidth":1200,"originalHeight":768,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://flow.org/en/docs/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/tools/eslint/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/tools/babel/","alts":[],"httpStatus":200},{"url":"https://www.npmjs.com/package/babel-plugin-syntax-hermes-parser","alts":[],"httpStatus":200},{"url":"https://www.npmjs.com/package/flow-upgrade","alts":[],"httpStatus":200},{"url":"https://www.npmjs.com/package/hermes-eslint","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1709076668106},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":131,"sectionCount":1,"readingList":0,"topics":[{"topicId":"63c6f1f93ee","slug":"javascript","createdAt":1493945704961,"deletedAt":0,"image":{"id":"1*5UyyDJ1ESD11yQNd1UVAaQ@2x.jpeg","originalWidth":5472,"originalHeight":3648},"name":"Javascript","description":"An ode to code.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Javascript News and Articles — Medium","type":"Topic"},{"topicId":"decb52b64abf","slug":"programming","createdAt":1493934116328,"deletedAt":0,"image":{"id":"1*iPa136b1cGEO7lvoXg6uHQ@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Programming","description":"The good, the bad, the buggy.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Programming News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"new-type-casting-syntax-for-flow-as","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"new-type-casting-syntax-for-flow-as-3ef41567ff3e","previewContent":{"bodyModel":{"paragraphs":[{"name":"95fe","type":4,"text":"","markups":[],"layout":9,"metadata":{"id":"1*Qz7Vz1kppEptexmWxwn8ww.png","originalWidth":344,"originalHeight":256}},{"name":"0239","type":3,"text":"New type casting syntax for Flow: “as”","markups":[],"alignment":1},{"name":"5b06","type":1,"text":"To make it easier for new users to get started with Flow, we’re updating our type casting…","markups":[{"type":3,"start":52,"end":56,"href":"https://flow.org/en/docs/","title":"","rel":"","anchorType":0}],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"To make it easier for new users to get started with Flow, we’re updating our type casting syntax to use “as”, like TypeScript, Hack, Swift…"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"ab067ae921ed","isNewsletter":false,"newsletterId":"9b8e3e351150","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"95fe","type":4,"text":"","markups":[],"layout":1,"metadata":{"id":"1*Qz7Vz1kppEptexmWxwn8ww.png","originalWidth":344,"originalHeight":256}},{"name":"0239","type":3,"text":"New type casting syntax for Flow: “as”","markups":[]},{"name":"5b06","type":1,"text":"To make it easier for new users to get started with Flow, we’re updating our type casting syntax to use “as”, like TypeScript, Hack, Swift, and others. Say goodbye to the old colon-and-parens syntax:","markups":[{"type":3,"start":52,"end":56,"href":"https://flow.org/en/docs/","title":"","rel":"","anchorType":0}]},{"name":"e156","type":8,"text":"// Before:\n(1: number);\n// After:\n1 as number;","markups":[],"codeBlockMetadata":{"mode":2,"lang":"typescript"}},{"name":"3ada","type":3,"text":"It’s safe, unlike TypeScript","markups":[]},{"name":"e97b","type":1,"text":"Our new type casting syntax behaves just…","markups":[]}],"sections":[{"name":"4220","startIndex":0}]},"isFullContent":false,"subtitle":"To make it easier for new users to get started with Flow, we’re updating our type casting syntax to use “as”, like TypeScript, Hack, Swift…"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"5da5e4831b5e":{"id":"5da5e4831b5e","versionId":"70bcc5f9f2e5","creatorId":"95a4c0399e1f","homeCollectionId":"ab067ae921ed","title":"Improved Flow Docs and Try Flow","detectedLanguage":"en","latestVersion":"70bcc5f9f2e5","latestPublishedVersion":"70bcc5f9f2e5","hasUnpublishedEdits":false,"latestRev":78,"createdAt":1695148801888,"updatedAt":1695187456178,"acceptedAt":0,"firstPublishedAt":1695149206965,"latestPublishedAt":1695149692801,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"We’ve refreshed our documentation, and added the ability to configure options and lints in Try Flow!","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"0*-FY6CARAa-bToGpo","filter":"","backgroundSize":"","originalWidth":1600,"originalHeight":868,"strategy":"resample","height":0,"width":0},"wordCount":195,"imageCount":2,"readingTime":1.119182389937107,"subtitle":"We’ve refreshed our documentation, and added the ability to configure options and lints in Try Flow!","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":4,"isBookmarked":false,"tags":[{"slug":"flow","name":"Flow","postCount":8355,"metadata":{"postCount":8355,"coverImage":{"id":"1*2xsd0z9fe5HIM_HMhCCV8A.png","originalWidth":1000,"originalHeight":630,"isFeatured":true}},"type":"Tag"},{"slug":"flowtype","name":"Flowtype","postCount":200,"metadata":{"postCount":200,"coverImage":{"id":"1*W5e7CK14sPqWZnLJhvaCCw.gif","originalWidth":1200,"originalHeight":768,"isFeatured":true}},"type":"Tag"},{"slug":"javascript","name":"JavaScript","postCount":294622,"metadata":{"postCount":294622,"coverImage":{"id":"1*QisgQNb1GYtqet_rg5XbSw.png","originalWidth":1536,"originalHeight":512,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":0,"links":{"entries":[{"url":"https://flow.org/try/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/lang/type-hierarchy/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/lang/refinements/","alts":[],"httpStatus":200},{"url":"https://docusaurus.io/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/","alts":[],"httpStatus":200},{"url":"https://medium.com/flow-type/exact-object-types-by-default-by-default-cc559af6f69","alts":[{"type":3,"url":"medium://p/cc559af6f69"},{"type":2,"url":"medium://p/cc559af6f69"}],"httpStatus":200}],"version":"0.3","generatedAt":1695149693751},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":105,"sectionCount":1,"readingList":0,"topics":[{"topicId":"63c6f1f93ee","slug":"javascript","createdAt":1493945704961,"deletedAt":0,"image":{"id":"1*5UyyDJ1ESD11yQNd1UVAaQ@2x.jpeg","originalWidth":5472,"originalHeight":3648},"name":"Javascript","description":"An ode to code.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Javascript News and Articles — Medium","type":"Topic"},{"topicId":"decb52b64abf","slug":"programming","createdAt":1493934116328,"deletedAt":0,"image":{"id":"1*iPa136b1cGEO7lvoXg6uHQ@2x.jpeg","originalWidth":6016,"originalHeight":4016},"name":"Programming","description":"The good, the bad, the buggy.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Programming News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"improved-flow-docs-and-try-flow","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":true,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"improved-flow-docs-and-try-flow-5da5e4831b5e","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewImage","type":4,"text":"","layout":10,"metadata":{"id":"0*-FY6CARAa-bToGpo","originalWidth":1600,"originalHeight":868,"isFeatured":true}},{"name":"4082","type":3,"text":"Improved Flow Docs and Try Flow","markups":[],"alignment":1},{"name":"ed19","type":1,"text":"We’ve refreshed our documentation, and added the ability to configure options and lints in Try Flow!","markups":[{"type":3,"start":20,"end":33,"href":"https://flow.org/en/docs/","title":"","rel":"","anchorType":0},{"type":3,"start":91,"end":99,"href":"https://flow.org/try/","title":"","rel":"nofollow noreferrer noopener","anchorType":0}],"alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"We’ve refreshed our documentation, and added the ability to configure options and lints in Try Flow!"},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"ab067ae921ed","isNewsletter":false,"newsletterId":"555968900979","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"4082","type":3,"text":"Improved Flow Docs and Try Flow","markups":[]},{"name":"ed19","type":1,"text":"We’ve refreshed our documentation, and added the ability to configure options and lints in Try Flow!","markups":[{"type":3,"start":20,"end":33,"href":"https://flow.org/en/docs/","title":"","rel":"","anchorType":0},{"type":3,"start":91,"end":99,"href":"https://flow.org/try/","title":"","rel":"nofollow noreferrer noopener","anchorType":0}]},{"name":"4827","type":13,"text":"Documentation","markups":[]},{"name":"e345","type":1,"text":"Over the past 6 months, we’ve reviewed and updated almost every page of our documentation, and added new docs for features previously missing. If you’ve looked at our docs in the past and found…","markups":[{"type":3,"start":76,"end":89,"href":"https://flow.org/en/docs/","title":"","rel":"","anchorType":0}]}],"sections":[{"name":"2090","startIndex":0}]},"isFullContent":false,"subtitle":"We’ve refreshed our documentation, and added the ability to configure options and lints in Try Flow!"},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"},"ff4d7f11c50a":{"id":"ff4d7f11c50a","versionId":"b64760230e01","creatorId":"95a4c0399e1f","homeCollectionId":"ab067ae921ed","title":"Announcing 5 new Flow tuple type features","detectedLanguage":"en","latestVersion":"b64760230e01","latestPublishedVersion":"b64760230e01","hasUnpublishedEdits":false,"latestRev":111,"createdAt":1692300805463,"updatedAt":1692332170100,"acceptedAt":0,"firstPublishedAt":1692302182605,"latestPublishedAt":1692302182605,"vote":false,"experimentalCss":"","displayAuthor":"","content":{"subtitle":"Labeled tuple elements, read-only tuples, optional tuple elements, tuple spread, and more.","postDisplay":{"coverless":true}},"virtuals":{"statusForCollection":"APPROVED","allowNotes":true,"previewImage":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"wordCount":743,"imageCount":0,"readingTime":2.8037735849056604,"subtitle":"Labeled tuple elements, read-only tuples, optional tuple elements, tuple spread, and more.","publishedInCount":1,"usersBySocialRecommends":[],"noIndex":false,"recommends":2,"isBookmarked":false,"tags":[{"slug":"flowtype","name":"Flowtype","postCount":200,"metadata":{"postCount":200,"coverImage":{"id":"1*W5e7CK14sPqWZnLJhvaCCw.gif","originalWidth":1200,"originalHeight":768,"isFeatured":true}},"type":"Tag"},{"slug":"javascript","name":"JavaScript","postCount":294622,"metadata":{"postCount":294622,"coverImage":{"id":"1*QisgQNb1GYtqet_rg5XbSw.png","originalWidth":1536,"originalHeight":512,"isFeatured":true}},"type":"Tag"}],"socialRecommendsCount":0,"responsesCreatedCount":1,"links":{"entries":[{"url":"https://flow.org/en/docs/lang/variance/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/tools/eslint/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/types/tuples/","alts":[],"httpStatus":200},{"url":"https://flow.org/en/docs/tools/babel/","alts":[],"httpStatus":200}],"version":"0.3","generatedAt":1692302182980},"isLockedPreviewOnly":false,"metaDescription":"","totalClapCount":51,"sectionCount":1,"readingList":0,"topics":[{"topicId":"63c6f1f93ee","slug":"javascript","createdAt":1493945704961,"deletedAt":0,"image":{"id":"1*5UyyDJ1ESD11yQNd1UVAaQ@2x.jpeg","originalWidth":5472,"originalHeight":3648},"name":"Javascript","description":"An ode to code.","relatedTopics":[],"visibility":1,"relatedTags":[],"relatedTopicIds":[],"seoTitle":"Javascript News and Articles — Medium","type":"Topic"}]},"coverless":true,"slug":"announcing-5-new-flow-tuple-type-features","translationSourcePostId":"","translationSourceCreatorId":"","isApprovedTranslation":false,"inResponseToPostId":"","inResponseToRemovedAt":0,"isTitleSynthesized":false,"allowResponses":true,"importedUrl":"","importedPublishedAt":0,"visibility":0,"uniqueSlug":"announcing-5-new-flow-tuple-type-features-ff4d7f11c50a","previewContent":{"bodyModel":{"paragraphs":[{"name":"previewTitle","type":3,"text":"Announcing 5 new Flow tuple type features","alignment":1},{"name":"previewSubtitle","type":13,"text":"Labeled tuple elements, read-only tuples, optional tuple elements, tuple spread, and more.","alignment":1},{"name":"previewSnippet0","type":1,"text":"Tuples are a lighter weight alternative to objects when you want to group data…","alignment":1}],"sections":[{"startIndex":0}]},"isFullContent":false,"subtitle":"Labeled tuple elements, read-only tuples, optional tuple elements, tuple spread, and more."},"license":0,"inResponseToMediaResourceId":"","canonicalUrl":"","approvedHomeCollectionId":"ab067ae921ed","isNewsletter":false,"newsletterId":"fe3db99734af","webCanonicalUrl":"","mediumUrl":"","migrationId":"","notifyFollowers":true,"notifyTwitter":false,"notifyFacebook":false,"responseHiddenOnParentPostAt":0,"isSeries":false,"isSubscriptionLocked":false,"seriesLastAppendedAt":0,"audioVersionDurationSec":0,"sequenceId":"","isEligibleForRevenue":false,"isBlockedFromHightower":false,"deletedAt":0,"lockedPostSource":0,"hightowerMinimumGuaranteeStartsAt":0,"hightowerMinimumGuaranteeEndsAt":0,"featureLockRequestAcceptedAt":0,"mongerRequestType":1,"layerCake":0,"socialTitle":"","socialDek":"","editorialPreviewTitle":"","editorialPreviewDek":"","curationEligibleAt":0,"isProxyPost":false,"proxyPostFaviconUrl":"","proxyPostProviderName":"","proxyPostType":0,"isSuspended":false,"isLimitedState":false,"seoTitle":"","previewContent2":{"bodyModel":{"paragraphs":[{"name":"0c43","type":3,"text":"Announcing 5 new Flow tuple type features","markups":[]},{"name":"c522","type":1,"text":"Tuples are a lighter weight alternative to objects when you want to group data, by using positions rather than property names to distinguish elements. However, tuple types have lacked many useful features object types provide - until now!","markups":[]},{"name":"ce76","type":10,"text":"Labeled tuple elements: type T = [foo: number, bar: string]","markups":[{"type":10,"start":24,"end":59}]},{"name":"9def","type":10,"text":"Variance (read-only/write-only)…","markups":[{"type":10,"start":64,"end":101}]}],"sections":[{"name":"ee3e","startIndex":0}]},"isFullContent":false,"subtitle":"Labeled tuple elements, read-only tuples, optional tuple elements, tuple spread, and more."},"cardType":0,"isDistributionAlertDismissed":false,"isShortform":false,"shortformType":0,"responsesLocked":false,"isLockedResponse":false,"isPublishToEmail":true,"responseDistribution":0,"isMarkedPaywallOnly":false,"type":"Post"}}},"paging":{"path":"/_/api/collections/ab067ae921ed/stream","next":{"to":"1692302182605","ignoredIds":[],"page":2}},"collection":{"id":"ab067ae921ed","name":"Flow","slug":"flow-type","tags":["JAVASCRIPT","FLOW","REACT","PROGRAMMING","PROGRAMMING LANGUAGES"],"creatorId":"953cde5de02","description":"The official publication for the Flow static type checker for JavaScript. Code faster. Code smarter. Code confidently.","shortDescription":"The official publication for the Flow static type checker…","image":{"imageId":"1*mlCLV-3rGy-pLbUsMYEGoA.png","filter":"","backgroundSize":"","originalWidth":1481,"originalHeight":1481,"strategy":"resample","height":0,"width":0},"metadata":{"followerCount":1539,"activeAt":1722979439212},"virtuals":{"permissions":{"canPublish":false,"canPublishAll":false,"canRepublish":false,"canRemove":false,"canManageAll":false,"canSubmit":false,"canEditPosts":false,"canAddWriters":false,"canViewStats":false,"canSendNewsletter":false,"canViewLockedPosts":false,"canViewCloaked":false,"canEditOwnPosts":false,"canBeAssignedAuthor":false,"canEnrollInHightower":false,"canLockPostsForMediumMembers":false,"canLockOwnPostsForMediumMembers":false,"canViewNewsletterV2Stats":false,"canCreateNewsletterV3":false},"isSubscribed":false,"isEnrolledInHightower":false,"isEligibleForHightower":false,"isSubscribedToCollectionEmails":false,"isMuted":false,"canToggleEmail":false,"isWriter":false},"logo":{"imageId":"1*wgxj1RRhhI9pi2M_pvd3Kw.png","filter":"","backgroundSize":"","originalWidth":1680,"originalHeight":700,"strategy":"resample","height":0,"width":0},"twitterUsername":"flowtype","sections":[{"type":2,"collectionHeaderMetadata":{"title":"","description":"Code faster. Code smarter. Code confidently.","backgroundImage":{},"logoImage":{"id":"1*wgxj1RRhhI9pi2M_pvd3Kw@2x.png","originalWidth":1680,"originalHeight":700,"alt":"Flow"},"alignment":2,"layout":6}},{"type":1,"postListMetadata":{"source":1,"layout":4,"number":7,"postIds":["75b883c80749","b6c5285660d0","b979bb2e78cf","765b421f3a87","3ef41567ff3e","5da5e4831b5e","ff4d7f11c50a"]}}],"tintColor":"#FF384048","lightText":true,"favicon":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"colorPalette":{"defaultBackgroundSpectrum":{"colorPoints":[{"color":"#FF7D868F","point":0},{"color":"#FF757C85","point":0.1},{"color":"#FF6C737A","point":0.2},{"color":"#FF636970","point":0.3},{"color":"#FF5A5F65","point":0.4},{"color":"#FF51555A","point":0.5},{"color":"#FF474A4E","point":0.6},{"color":"#FF3C3F42","point":0.7},{"color":"#FF313436","point":0.8},{"color":"#FF262729","point":0.9},{"color":"#FF191A1B","point":1}],"backgroundColor":"#FFFFFFFF"},"tintBackgroundSpectrum":{"colorPoints":[{"color":"#FF384048","point":0},{"color":"#FF50575F","point":0.1},{"color":"#FF666D74","point":0.2},{"color":"#FF7B8188","point":0.3},{"color":"#FF90959B","point":0.4},{"color":"#FFA4A8AD","point":0.5},{"color":"#FFB7BABF","point":0.6},{"color":"#FFC9CCD0","point":0.7},{"color":"#FFDCDDE0","point":0.8},{"color":"#FFEEEEF1","point":0.9},{"color":"#FFFFFFFF","point":1}],"backgroundColor":"#FF384048"},"highlightSpectrum":{"colorPoints":[{"color":"#FFF2F2F5","point":0},{"color":"#FFF0F1F3","point":0.1},{"color":"#FFEEEFF2","point":0.2},{"color":"#FFEBEDF1","point":0.3},{"color":"#FFE9EBF0","point":0.4},{"color":"#FFE6E9EE","point":0.5},{"color":"#FFE4E8ED","point":0.6},{"color":"#FFE2E6EC","point":0.7},{"color":"#FFDFE4EB","point":0.8},{"color":"#FFDDE2EA","point":0.9},{"color":"#FFDAE1E8","point":1}],"backgroundColor":"#FFFFFFFF"},"darkBackgroundSpectrum":{"colorPoints":[{"color":"#FF959EA7","point":0},{"color":"#FF9FA6AF","point":0.1},{"color":"#FFA8AFB7","point":0.2},{"color":"#FFB1B7BE","point":0.3},{"color":"#FFBABFC6","point":0.4},{"color":"#FFC3C7CD","point":0.5},{"color":"#FFCCCFD4","point":0.6},{"color":"#FFD5D7DB","point":0.7},{"color":"#FFDDDFE2","point":0.8},{"color":"#FFE6E6E9","point":0.9},{"color":"#FFEFEEF0","point":1}],"backgroundColor":"#FF000000"}},"navItems":[],"colorBehavior":2,"ampLogo":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"header":{"title":"","description":"Code faster. Code smarter. Code confidently.","backgroundImage":{},"logoImage":{"id":"1*wgxj1RRhhI9pi2M_pvd3Kw@2x.png","originalWidth":1680,"originalHeight":700,"alt":"Flow"},"alignment":2,"layout":6},"subscriberCount":1539,"tagline":"The official publication for the Flow static type checker","isOptedIntoAurora":false,"isCurationAllowedByDefault":false,"polarisCoverImage":{"imageId":"","filter":"","backgroundSize":"","originalWidth":0,"originalHeight":0,"strategy":"resample","height":0,"width":0},"ptsQualifiedAt":1616092870597,"type":"Collection"},"header":{"title":"","description":"Code faster. Code smarter. Code confidently.","backgroundImage":{},"logoImage":{"id":"1*wgxj1RRhhI9pi2M_pvd3Kw@2x.png","originalWidth":1680,"originalHeight":700,"alt":"Flow"},"alignment":2,"layout":6},"streamItems":[{"createdAt":1743910641866,"randomId":"1609c9671e88","section":{"items":[{"post":{"postId":"75b883c80749"},"itemType":"post"},{"post":{"postId":"b6c5285660d0"},"itemType":"post"},{"post":{"postId":"b979bb2e78cf"},"itemType":"post"},{"post":{"postId":"765b421f3a87"},"itemType":"post"},{"post":{"postId":"3ef41567ff3e"},"itemType":"post"},{"post":{"postId":"5da5e4831b5e"},"itemType":"post"},{"post":{"postId":"ff4d7f11c50a"},"itemType":"post"}],"layout":4},"itemType":"section","type":"StreamItem"}]}) // ]]></script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'92be3f061be46021',t:'MTc0MzkxMDY0Mi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html>