1"use strict";(self.webpackChunkreact_native_website=self.webpackChunkreact_native_website||[]).push([["14840"],{28496(e,t,a){a.r(t),a.d(t,{assets:()=>s,contentTitle:()=>o,default:()=>u,frontMatter:()=>l,metadata:()=>n,toc:()=>c});var n=a(97907),i=a(62540),r=a(43023);let l={title:"React Native 0.74 - Yoga 3.0, Bridgeless New Architecture, and more",authors:["hurali","alanjhughes","alfonsocj","huntie","cortinico"],tags:["announcement","release","yoga"],date:new Date("2024-04-22T00:00:00.000Z")},o,s={authorsImageUrls:[void 0,void 0,void 0,void 0,void 0]},c=[{value:"Highlights",id:"highlights",level:3},{value:"Breaking Changes",id:"breaking-changes",level:3}];function h(e){let t={a:"a",code:"code",h3:"h3",li:"li",p:"p",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(t.p,{children:["Today we're releasing React Native 0.74! This release adds Yoga 3.0, Bridgeless by default under the New Architecture, batched ",(0,i.jsx)(t.code,{children:"onLayout"})," updates (New Architecture), and Yarn 3 as the default package manager for new projects."]}),"\n",(0,i.jsxs)(t.p,{children:["We are also removing deprecated APIs, with the removal of ",(0,i.jsx)(t.code,{children:"PropTypes"})," and breaking changes to ",(0,i.jsx)(t.code,{children:"PushNotificationIOS"}),". On Android, SDK 23 (Android 6.0) is now the minimum supported version."]}),"\n",(0,i.jsx)(t.h3,{id:"highlights",children:"Highlights"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/blog/2024/04/22/release-0.74#yoga-30",children:"Yoga 3.0"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/blog/2024/04/22/release-0.74#new-architecture-bridgeless-by-default",children:"New Architecture: Bridgeless by Default"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsxs)(t.a,{href:"/blog/2024/04/22/release-0.74#new-architecture-batched-onlayout-updates",children:["New Architecture: Batched ",(0,i.jsx)(t.code,{children:"onLayout"})," Updates"]})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/blog/2024/04/22/release-0.74#yarn-3-for-new-projects",children:"Yarn 3 for New Projects"})}),"\n"]}),"\n",(0,i.jsx)(t.h3,{id:"breaking-changes",children:"Breaking Changes"}),"\n",(0,i.jsxs)(t.ul,{children:["\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/blog/2024/04/22/release-0.74#android-minimum-sdk-bump-android-60",children:"Android Minimum SDK Bump (Android 6.0)"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/blog/2024/04/22/release-0.74#api-changes-to-pushnotificationios-deprecated",children:"API Changes to PushNotificationIOS (Deprecated)"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsxs)(t.a,{href:"/blog/2024/04/22/release-0.74#removal-of-deprecated-proptypes",children:["Removal of Deprecated ",(0,i.jsx)(t.code,{children:"PropTypes"})]})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/blog/2024/04/22/release-0.74#removal-of-flipper-react-native-plugin",children:"Removal of Flipper React Native Plugin"})}),"\n",(0,i.jsx)(t.li,{children:(0,i.jsx)(t.a,{href:"/blog/2024/04/22/release-0.74#other-breaking-changes",children:"Other Breaking Changes"})}),"\n"]})]})}function u(e={}){let{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(h,{...e})}):h(e)}},43023(e,t,a){a.d(t,{R:()=>l,x:()=>o});var n=a(63696);let i={},r=n.createContext(i);function l(e){let t=n.useContext(r);return n.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:l(e.components),n.createElement(r.Provider,{value:t},e.children)}},97907(e){e.exports=JSON.parse('{"permalink":"/blog/2024/04/22/release-0.74","source":"@site/blog/2024-04-22-release-0.74.mdx","title":"React Native 0.74 - Yoga 3.0, Bridgeless New Architecture, and more","description":"Today we\'re releasing React Native 0.74! This release adds Yoga 3.0, Bridgeless by default under the New Architecture, batched onLayout updates (New Architecture), and Yarn 3 as the default package manager for new projects.","date":"2024-04-22T00:00:00.000Z","tags":[{"inline":true,"label":"announcement","permalink":"/blog/tags/announcement"},{"inline":true,"label":"release","permalink":"/blog/tags/release"},{"inline":true,"label":"yoga","permalink":"/blog/tags/yoga"}],"readingTime":14.29,"hasTruncateMarker":true,"authors":[{"name":"Hur Ali","title":"Software Engineer @ Callstack","socials":{"x":"https://x.com/hurali97","github":"https://github.com/hurali97"},"imageURL":"https://github.com/hurali97.png","key":"hurali","page":null},{"name":"Alan Hughes","title":"Software Engineer @ Expo","socials":{"github":"https://github.com/alanjhughes"},"imageURL":"https://github.com/alanjhughes.png","key":"alanjhughes","page":null},{"name":"Alfonso Curbelo","title":"Software Engineer @ Coinbase","socials":{"github":"https://github.com/alfonsocj"},"imageURL":"https://github.com/alfonsocj.png","key":"alfonsocj","page":null},{"name":"Alex Hunt","title":"Software Engineer @ Meta","socials":{"x":"https://x.com/huntie","github":"https://github.com/huntie"},"imageURL":"https://github.com/huntie.png","key":"huntie","page":null},{"name":"Nicola Corti","title":"Software Engineer @ Meta","socials":{"x":"https://x.com/cortinico","github":"https://github.com/cortinico","bluesky":"https://bsky.app/profile/cortini.co"},"imageURL":"https://github.com/cortinico.png","key":"cortinico","page":null}],"frontMatter":{"title":"React Native 0.74 - Yoga 3.0, Bridgeless New Architecture, and more","authors":["hurali","alanjhughes","alfonsocj","huntie","cortinico"],"tags":["announcement","release","yoga"],"date":"2024-04-22T00:00:00.000Z"},"unlisted":false,"prevItem":{"title":"Use a framework to build React Native apps","permalink":"/blog/2024/06/25/use-a-framework-to-build-react-native-apps"},"nextItem":{"title":"React Native 0.73 - Debugging Improvements, Stable Symlink Support, and more","permalink":"/blog/2023/12/06/0.73-debugging-improvements-stable-symlinks"}}')}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.