1"use strict";(self.webpackChunkreact_native_website=self.webpackChunkreact_native_website||[]).push([["13825"],{73238(e,n,t){t.d(n,{Ay:()=>l,RM:()=>s});var r=t(62540),i=t(43023);let s=[];function c(e){let n={a:"a",p:"p",strong:"strong",...(0,i.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.p,{children:":::caution \u6CE8\u610F"}),"\n",(0,r.jsxs)(n.p,{children:["\u8FD9\u4E2A\u6587\u6863\u4ECD\u7136\u662F",(0,r.jsx)(n.strong,{children:"\u5B9E\u9A8C\u6027"}),"\u7684\uFF0C\u968F\u7740\u6211\u4EEC\u7684\u8FED\u4EE3\uFF0C\u7EC6\u8282\u4F1A\u6709\u53D8\u5316\u3002\u6B22\u8FCE\u5728",(0,r.jsx)(n.a,{href:"https://github.com/reactwg/react-native-new-architecture/discussions/8",children:"\u5DE5\u4F5C\u5C0F\u7EC4\u5185\u7684\u8BA8\u8BBA"}),"\u4E2D\u5206\u4EAB\u4F60\u7684\u53CD\u9988\u3002"]}),"\n",(0,r.jsxs)(n.p,{children:["\u6B64\u5916\uFF0C\u5B83\u8FD8\u5305\u542B\u51E0\u4E2A",(0,r.jsx)(n.strong,{children:"\u624B\u52A8\u6B65\u9AA4"}),"\u3002\u8BF7\u6CE8\u610F\u65B0\u67B6\u6784\u5C1A\u672A\u7A33\u5B9A\u4E0B\u6765\uFF0C\u6700\u7EC8\u7684\u5F00\u53D1\u8005\u4F53\u9A8C\u4F1A\u7EE7\u7EED\u8FED\u4EE3\u6539\u5584\u3002\u6211\u4EEC\u6B63\u5728\u52AA\u529B\u5F00\u53D1\u5DE5\u5177\u3001\u6A21\u677F\u548C\u5E93\uFF0C\u4EE5\u5E2E\u52A9\u4F60\u5728\u65B0\u67B6\u6784\u4E0A\u5FEB\u901F\u5165\u95E8\uFF0C\u800C\u4E0D\u9700\u8981\u7ECF\u5386\u6574\u4E2A\u8BBE\u7F6E\u8FC7\u7A0B\u3002"]}),"\n",(0,r.jsx)(n.p,{children:":::"})]})}function l(e={}){let{wrapper:n}={...(0,i.R)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(c,{...e})}):c(e)}},36884(e,n,t){t.r(n),t.d(n,{metadata:()=>r,default:()=>h,frontMatter:()=>l,contentTitle:()=>a,toc:()=>d,assets:()=>o});var r=JSON.parse('{"id":"the-new-architecture/pillars","title":"\u65B0\u67B6\u6784\u7684\u4E24\u5927\u652F\u67F1","description":"\u65B0\u67B6\u6784\u4E3B\u8981\u7531\u4E24\u5927\u652F\u67F1\u7EC4\u6210\uFF1A","source":"@site/versioned_docs/version-0.72/the-new-architecture/pillars.md","sourceDirName":"the-new-architecture","slug":"/the-new-architecture/pillars","permalink":"/docs/0.72/the-new-architecture/pillars","draft":false,"unlisted":false,"editUrl":"https://github.com/reactnativecn/react-native-website/blob/production/cnwebsite/../cndocs/the-new-architecture/pillars.md","tags":[],"version":"0.72","frontMatter":{"id":"pillars","title":"\u65B0\u67B6\u6784\u7684\u4E24\u5927\u652F\u67F1"},"sidebar":"docs","previous":{"title":"\u521B\u5EFA\u542F\u7528\u65B0\u67B6\u6784\u7684\u5E94\u7528","permalink":"/docs/0.72/the-new-architecture/use-app-template"},"next":{"title":"TurboModules","permalink":"/docs/0.72/the-new-architecture/pillars-turbomodules"}}'),i=t(62540),s=t(43023),c=t(73238);let l={id:"pillars",title:"\u65B0\u67B6\u6784\u7684\u4E24\u5927\u652F\u67F1"},a,o={},d=[...c.RM];function u(e){let n={a:"a",li:"li",ol:"ol",p:"p",ul:"ul",...(0,s.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(c.Ay,{}
1),"\n",(0,i.jsx)(n.p,{children:"\u65B0\u67B6\u6784\u4E3B\u8981\u7531\u4E24\u5927\u652F\u67F1\u7EC4\u6210\uFF1A"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"pillars-turbomodules",children:"\u65B0\u7684\u539F\u751F\u6A21\u5757\u4F53\u7CFB - Turbo Modules"})}),"\n",(0,i.jsx)(n.li,{children:(0,i.jsx)(n.a,{href:"pillars-fabric-components",children:"\u65B0\u7684\u6E32\u67D3\u5668 - Fabric"})}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:"TurboModules \u662F\u521B\u5EFA\u5229\u7528\u67D0\u4E9B\u5E73\u53F0\u7279\u5B9A API \u7684\u5E93\u7684\u9996\u9009\u65B9\u6CD5\u3002Fabric \u7EC4\u4EF6\u662F\u521B\u5EFA\u53EF\u91CD\u7528 UI \u7EC4\u4EF6\u7684\u9996\u9009\u65B9\u6CD5\uFF0C\u4E3A\u7528\u6237\u63D0\u4F9B\u539F\u751F\u4F53\u9A8C\u3002"}),"\n",(0,i.jsx)(n.p,{children:"\u672C\u8282\u7684\u4E3B\u8981\u76EE\u6807\u662F\u901A\u8FC7\u9010\u6B65\u6307\u5357\u5F15\u5BFC\u8BFB\u8005\u521B\u5EFA\u4ED6\u4EEC\u7684\u7B2C\u4E00\u4E2A TurboModule \u6216 Fabric \u7EC4\u4EF6\u3002"}),"\n",(0,i.jsx)(n.p,{children:"\u63A5\u4E0B\u6765\u7684\u51E0\u8282\u5305\u542B\u652F\u67F1\u7684\u9AD8\u7EA7\u6982\u8FF0\uFF0C\u4EE5\u53CA\u521B\u5EFA\u5B83\u4EEC\u7684\u6B65\u9AA4\u3002\u8981\u521B\u5EFA\u8FD9\u4E9B\u652F\u67F1\u4E2D\u7684\u4E00\u4E2A\uFF0C\u6B65\u9AA4\u5982\u4E0B\uFF1A"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"\u4F7F\u7528 Flow \u6216 TypeScript \u5B9A\u4E49 JavaScript \u89C4\u8303\u3002"}),"\n",(0,i.jsx)(n.li,{children:"\u914D\u7F6E\u4F9D\u8D56\u7BA1\u7406\u7CFB\u7EDF\u4EE5\u4ECE\u63D0\u4F9B\u7684\u89C4\u8303\u751F\u6210\u4EE3\u7801\u3002"}),"\n",(0,i.jsx)(n.li,{children:"\u5B9E\u73B0\u539F\u751F\u4EE3\u7801\u3002"}),"\n",(0,i.jsx)(n.li,{children:"\u5C06\u4EE3\u7801\u96C6\u6210\u5230\u5E94\u7528\u7A0B\u5E8F\u4E2D\u3002"}),"\n"]}),"\n",(0,i.jsxs)(n.p,{children:["\u6700\u540E\uFF0C\u6211\u4EEC\u6DF1\u5165\u63A2\u8BA8\u4E86",(0,i.jsx)(n.a,{href:"pillars-codegen",children:"Codegen"}),"\u8FC7\u7A0B\uFF0C\u8BE5\u8FC7\u7A0B\u9700\u8981\u521B\u5EFA\u6211\u4EEC\u7684\u7EC4\u4EF6\u4F7F\u7528\u7684\u6240\u6709 C++\u7C7B\u578B\u548C\u6587\u4EF6\uFF0C\u5305\u62EC\u4E00\u4E9B\u5728\u5F00\u53D1\u7EC4\u4EF6\u65F6\u63D0\u5347\u6548\u7387\u7684\u6709\u7528\u6B65\u9AA4\u3002"]}),"\n",(0,i.jsx)(n.p,{children:":::caution \u6CE8\u610F\n\u6CE8\u610F\u8981\u5C06 TurboModule \u6216 Fabric \u7EC4\u4EF6\u96C6\u6210\u5230\u5E94\u7528\u4E2D\uFF0C\u5E94\u7528\u5FC5\u987B\u542F\u7528\u65B0\u67B6\u6784\u3002"}),"\n",(0,i.jsxs)(n.p,{children:["\u8981\u521B\u5EFA\u91C7\u7528\u65B0\u67B6\u6784\u7684\u65B0\u5E94\u7528\uFF0C\u8BF7\u53C2\u9605",(0,i.jsx)(n.a,{href:"use-app-template",children:"\u4F7F\u7528\u5E94\u7528\u6A21\u677F"})," \u90E8\u5206\u3002\u8981\u5C06\u73B0\u6709\u5E94\u7528\u8FC1\u79FB\u5230\u65B0\u67B6\u6784\uFF0C\u8BF7\u53C2\u9605",(0,i.jsx)(n.a,{href:"../new-architecture-intro",children:"\u8FC1\u79FB"}),"\u6307\u5357\u3002\n:::"]})]})}function h(e={}){let{wrapper:n}={...(0,s.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}},43023(e,n,t){t.d(n,{R:()=>c,x:()=>l});var r=t(63696);let i={},s=r.createContext(i);function c(e){let n=r.useContext(s);return r.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:c(e.components),r.createElement(s.Provider,{value:n},e.children)}}}]);
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.