{"id":7516,"date":"2025-09-30T00:43:27","date_gmt":"2025-09-30T00:43:27","guid":{"rendered":"https:\/\/pokecon.jp\/job\/?p=7516"},"modified":"2025-09-30T00:43:27","modified_gmt":"2025-09-30T00:43:27","slug":"react-native-new-architecture%e3%82%92%e3%82%b5%e3%83%9d%e3%83%bc%e3%83%88%e3%81%97%e3%81%be%e3%81%97%e3%81%9f-repro-tech-blog","status":"publish","type":"post","link":"https:\/\/pokecon.jp\/job\/7516\/","title":{"rendered":"React Native New Architecture\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3057\u305f – Repro Tech Blog"},"content":{"rendered":"\n
<\/p>\n
\n

\u3053\u3093\u306b\u3061\u306f\u3002App SDK<\/a> Unit\u3067\u30a8\u30f3\u30b8\u30cb\u30a2\u3092\u3084\u3063\u3066\u3044\u308b\u5927\u5cf6<\/a>\u3067\u3059\u3002Repro\u3067\u306f\u591a\u304f\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u5bfe\u5fdc\u3057\u305fSDK<\/a>\u3092\u63d0\u4f9b\u3057\u3066\u304a\u308a\u3001\u305d\u308c\u3089\u306e\u958b\u767a\u30fb\u4fdd\u5b88\u3092\u62c5\u5f53\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n

\u3055\u3066\u3001\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306e1\u3064\u3067\u3042\u308bReact Native\u3067\u3059\u304c\u3001v0.74\u304b\u3089New Architecture<\/a>\u304c\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u6709\u52b9\u306b\u306a\u308a\u307e\u3057\u305f\u3002
\u3053\u308c\u306b\u3088\u308a\u3001\u300c\u3044\u3056\u6709\u52b9\u306b\u3057\u3066\u307f\u305f\u3089\u3001\u5229\u7528\u3057\u3066\u3044\u305f\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u52d5\u304b\u306a\u304f\u306a\u3063\u305f\u300d\u3068\u3044\u3046\u7d4c\u9a13\u3092\u3057\u305f\u65b9\u3082\u3044\u308b\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n

\u79c1\u305f\u3061\u306eSDK<\/a>\u3082\u4f8b\u5916\u3067\u306f\u306a\u304f\u3001\u540c\u69d8\u306e\u8ab2\u984c\u306b\u76f4\u9762\u3057\u307e\u3057\u305f\u3002\u3057\u304b\u3057\u3001\u5f53\u6642\u306f\u5bfe\u5fdc\u4e8b\u4f8b\u304c\u307b\u3068\u3093\u3069\u898b\u3064\u304b\u3089\u305a\u3001\u624b\u63a2\u308a\u3067\u5b9f\u88c5\u3092\u9032\u3081\u308b\u3053\u3068\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n

\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001\u305d\u306e\u904e\u7a0b\u3067\u5f97\u305fNew Architecture\u306b\u304a\u3051\u308b\u77e5\u3063\u3066\u304a\u304f\u3079\u304d\u6280\u8853\u8981\u7d20\u3084\u3001New Architecture\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u6642\u306eTips\u3092\u307e\u3068\u3081\u3066\u3044\u307e\u3059\u3002\u4eca\u5f8c\u3001\u30e9\u30a4\u30d6\u30e9\u30ea\u3084\u30a2\u30d7\u30ea\u3092\u958b\u767a\u3059\u308b\u65b9\u3005\u306e\u77e5\u898b\u306b\u306a\u308a\u307e\u3057\u305f\u3089\u5e78\u3044\u3067\u3059\u3002<\/p>\n

New Architecture\u3068\u306f\u3001React Native\u3092\u9ad8\u901f\u5316\u30fb\u5b89\u5b9a\u5316\u3055\u305b\u308b\u305f\u3081\u306e\u6839\u672c\u7684\u306a\u518d\u8a2d\u8a08\u306e\u3053\u3068\u3067\u3059\u3002\u5f93\u6765\u306e\u6027\u80fd\u306e\u30dc\u30c8\u30eb\u30cd\u30c3\u30af<\/a>\u3060\u3063\u305f\u300c\u30d6\u30ea\u30c3\u30b8\u300d\u3092\u306a\u304f\u3057\u3001JavaScript<\/a>\u3068\u30cd\u30a4\u30c6\u30a3\u30d6\u30b3\u30fc\u30c9\u304c\u76f4\u63a5\u901a\u4fe1\u3059\u308b\u3053\u3068\u3067\u5b9f\u73fe\u3057\u3066\u3044\u307e\u3059\u3002
React Native v0.74\u304b\u3089\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u6709\u52b9\u3068\u306a\u3063\u3066\u3044\u3066\u3001\u8a2d\u5b9a\u3067\u7121\u52b9\u306b\u3067\u304d\u307e\u3059\u304c\u3001\u6709\u52b9\u3060\u3068Repro SDK<\/a>\u3092\u5c0e\u5165\u3057\u3066\u3082\u52d5\u4f5c\u3057\u306a\u3044\u3053\u3068\u304c\u78ba\u8a8d\u3067\u304d\u305f\u305f\u3081\u3001New Architecture\u3092\u6709\u52b9\u306b\u3057\u3066\u3082\u52d5\u4f5c\u3059\u308b\u3088\u3046\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n

\u5099\u8003: Legacy Architecture<\/a>\uff08\u3053\u308c\u307e\u3067\u306eReact Native\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3<\/a>\uff09<\/h3>\n

\u3053\u308c\u307e\u3067\u306eReact Native\u3067\u306f\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u30b3\u30fc\u30c9\u306e\u547c\u3073\u51fa\u3057\u306fNativeModules\u3068\u547c\u3070\u308c\u308b\u30e2\u30b8\u30e5\u30fc\u30eb\u3067\u5b9f\u73fe\u3057\u3066\u3044\u307e\u3057\u305f\u3002JavaScript<\/a>\u304b\u3089\u30cd\u30a4\u30c6\u30a3\u30d6\u30b3\u30fc\u30c9\u3092\u547c\u3073\u51fa\u3059\u969b\u3001\u305d\u306e\u547d\u4ee4\u306f\u4e00\u5ea6JSON<\/a>\u5f62\u5f0f\u306e\u6587\u5b57\u5217\u306b\u5909\u63db\u3055\u308c\u3001\u975e\u540c\u671f\u306e\u300c\u30d6\u30ea\u30c3\u30b8\u300d\u3092\u901a\u3063\u3066\u30cd\u30a4\u30c6\u30a3\u30d6\u5074\u306b\u6e21\u3055\u308c\u3066\u3044\u307e\u3057\u305f\u3002\u3053\u306eJSON<\/a>\u3078\u306e\u5909\u63db\u30fb\u5fa9\u5143\u30b3\u30b9\u30c8\u3068\u3001\u975e\u540c\u671f\u901a\u4fe1\u306b\u3088\u308b\u6e0b\u6ede\u304c\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u306e\u30dc\u30c8\u30eb\u30cd\u30c3\u30af<\/a>\uff08\u901f\u5ea6\u4f4e\u4e0b\u306e\u4e00\u56e0\uff09\u3068\u306a\u3063\u3066\u3044\u307e\u3057\u305f\u3002
New Architecture\u74b0\u5883\u3067\u306f\u3001\u3053\u306eNativeModules\u3092\u547c\u3073\u51fa\u3059\u4ed5\u7d44\u307f\u81ea\u4f53\u304c\u7121\u52b9\u306b\u306a\u308b\u305f\u3081\u3001SDK<\/a>\u304c\u52d5\u4f5c\u3057\u306a\u3044\u3068\u3044\u3046\u554f\u984c\u304c\u767a\u751f\u3057\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n

React Native v0.80\u304b\u3089\u306f\u3053\u306eLegacy Architecture\u306b\u5bfe\u3059\u308bPull Request\u306e\u53d7\u4ed8\u3092\u505c\u6b62<\/a>\u3057\u3066\u3044\u308b\u305f\u3081\u3001\u3044\u305a\u308c\u30b5\u30dd\u30fc\u30c8\u304c\u5fc5\u9808\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n

New Architecture\u306e\u4ed5\u7d44\u307f\u3092\u7406\u89e3\u3059\u308b\u4e0a\u3067\u3001\u77e5\u3063\u3066\u304a\u304f\u3079\u304d\u91cd\u8981\u306a\u8981\u7d20\u304c2\u3064\u3042\u308a\u307e\u3059\u30021\u3064\u306f\u4e2d\u6838\u3092\u62c5\u3046Codegen<\/a>\u3068Spec\u3001\u305d\u3057\u3066\u3082\u30461\u3064\u304c\u3001\u79fb\u884c\u306b\u6b20\u304b\u305b\u306a\u3044\u5f8c\u65b9\u4e92\u63db<\/a>\u6027\u3067\u3059\u3002<\/p>\n

Codegen<\/a>\u3068\u306f\u3001React Native\u306eJavaScript<\/a>\u30b3\u30fc\u30c9\u3068\u30cd\u30a4\u30c6\u30a3\u30d6\u30b3\u30fc\u30c9\u306e\u300c\u578b\u300d\u3092\u81ea\u52d5\u3067\u540c\u671f\u3055\u305b\u308b\u4ed5\u7d44\u307f\u306e\u3053\u3068\u3067\u3059\u3002\u65b0\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3<\/a>\u306e\u4fe1\u983c\u6027\u3092\u652f\u3048\u308b\u91cd\u8981\u306a\u5f79\u5272\u3092\u62c5\u3063\u3066\u3044\u307e\u3059\u3002\u3053\u308c\u307e\u3067\u306f\u958b\u767a\u8005\u304c\u624b\u4f5c\u696d\u3067\u4e21\u65b9\u306e\u30b3\u30fc\u30c9\u306e\u578b\u3092\u4e00\u81f4\u3055\u305b\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3057\u305f\u304c\u3001Codegen<\/a>\u304cTypeScript\u306a\u3069\u3067\u66f8\u304b\u308c\u305f\u578b\u5b9a\u7fa9\u3092\u5143\u306b\u9023\u643a\u7528\u306e\u30b3\u30fc\u30c9\u3092\u81ea\u52d5\u751f\u6210\u3059\u308b\u3053\u3068\u3067\u3001\u958b\u767a\u306e\u624b\u9593\u3092\u7701\u304d\u3001\u5b9f\u884c\u6642\u306e\u30a8\u30e9\u30fc\u3092\u672a\u7136\u306b\u9632\u304e\u307e\u3059\u3002<\/p>\n

TypeScript\u3067\u66f8\u304b\u308c\u305f\u5171\u901a\u306e\u578b\u5b9a\u7fa9\u3092\u5143\u306b\u3001iOS<\/a>\u3068Android<\/a>\u306e\u4e21\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u5229\u7528\u3055\u308c\u308bC++<\/a>\u306e\u30d6\u30ea\u30c3\u30b8\u30b3\u30fc\u30c9\u3092\u751f\u6210\u3059\u308b\u3053\u3068\u3067\u3001\u30af\u30ed\u30b9\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/a>\u3067\u306e\u578b\u5b89\u5168\u6027\u3092\u5b9f\u73fe\u3057\u3066\u3044\u307e\u3059\u3002
Codegen<\/a>\u304c\u3042\u308b\u3053\u3068\u3067\u3001\u958b\u767a\u8005\u306f\u30cd\u30a4\u30c6\u30a3\u30d6\u3067\u5b9f\u884c\u3057\u305f\u3044\u30b3\u30fc\u30c9\u3092\u3001JavaScript<\/a>\u304b\u3089\u547c\u3073\u51fa\u3059\u95a2\u6570\u3092\u7528\u610f\u3059\u308b\u3060\u3051\u3067\u3064\u306a\u304e\u8fbc\u307f\u3092\u884c\u3063\u3066\u304f\u308c\u307e\u3059\u3002\u305d\u306e\u305f\u3081\u3001React Native\u3067\u30cd\u30a4\u30c6\u30a3\u30d6\u30b3\u30fc\u30c9\u3092\u5b9f\u884c\u3057\u305f\u3044\u5834\u5408\u306b\u77e5\u3063\u3066\u304a\u304f\u3079\u304d\u3001\u975e\u5e38\u306b\u91cd\u8981\u306a\u8981\u7d20\u3067\u3059\u3002<\/p>\n

Codegen<\/a>\u304c\u52d5\u4f5c\u3059\u308b\u3088\u3046\u306b\u3059\u308b\u306b\u306f\u3001 package.json<\/code> \u306b\u4ee5\u4e0b\u306e\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002
\u3053\u306e\u8a2d\u5b9a\u3092\u8ffd\u52a0\u3059\u308b\u3053\u3068\u3067\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u306e\u30d3\u30eb\u30c9\u30d7\u30ed\u30bb\u30b9\u306b\u304a\u3044\u3066\u30d6\u30ea\u30c3\u30b8\u30b3\u30fc\u30c9\u304c\u81ea\u52d5\u751f\u6210\u3055\u308c\u307e\u3059\u3002\u4e3b\u306a\u5b9f\u884c\u30bf\u30a4\u30df\u30f3\u30b0\u306f\u3001iOS<\/a>\u3067\u306f pod install<\/code> \u6642\u3001Android<\/a>\u3067\u306f Gradle\u306b\u3088\u308b\u30d3\u30eb\u30c9\u6642\uff08\u4f8b: yarn android<\/code> \u306e\u5b9f\u884c\u6642\uff09\u3067\u3059\u3002<\/p>\n

    \"codegenConfig<\/span>\": {<\/span>\n        \"name<\/span>\": \"SampleSpec<\/span>\",\n        \"type<\/span>\": \"modules<\/span>\",\n        \"jsSrcsDir<\/span>\": \"src<\/span>\", \/\/ Spec\u30d5\u30a1\u30a4\u30eb\u304c\u4fdd\u5b58\u3055\u308c\u3066\u3044\u308b\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u540d<\/span>\n        \"android<\/span>\": {<\/span>\n            \"javaPackageName<\/span>\": \"io.android.sample<\/span>\"\n        }<\/span>\n    }<\/span>\n<\/pre>\n
Spec<\/h2>\n
Spec\u3068\u306f\u3001JavaScript<\/a>\u3068\u30cd\u30a4\u30c6\u30a3\u30d6\u9593\u3067\u3084\u308a\u53d6\u308a\u3059\u308b\u6a5f\u80fd\u3084\u30d7\u30ed\u30d1\u30c6\u30a3\u306e\u4ed5\u69d8\u3092\u5b9a\u7fa9\u3057\u305f\u3001TypeScript\/Flow\u3067\u66f8\u304b\u308c\u308b\u578b\u5b9a\u7fa9\u30d5\u30a1\u30a4\u30eb\u306e\u3053\u3068\u3067\u3059\u3002\u3053\u308c\u306f\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u30e2\u30b8\u30e5\u30fc\u30eb\u3084\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8<\/a>\u306e\u300c\u8a2d\u8a08\u66f8\u300d\u306e\u5f79\u5272\u3092\u679c\u305f\u3057\u307e\u3059\u3002\u3053\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u300c\u552f\u4e00\u306e\u4fe1\u983c\u3067\u304d\u308b\u60c5\u5831\u6e90\uff08Single Source of Truth\uff09\u300d\u3068\u306a\u308a\u3001Codegen<\/a>\u306fSpec\u306e\u5b9a\u7fa9\u306b\u66f8\u304b\u308c\u305f\u901a\u308a\u306e\u578b\u3067\u3001\u4e21\u30b5\u30a4\u30c9\u3092\u3064\u306a\u3050\u9023\u643a\u30b3\u30fc\u30c9\u3092\u81ea\u52d5\u3067\u751f\u6210\u3057\u307e\u3059\u3002<\/p>\n
\u524d\u8ff0\u306eCodegen<\/a>\u304c\u52d5\u4f5c\u3057\u3066\u30d6\u30ea\u30c3\u30b8\u30b3\u30fc\u30c9\u3092\u751f\u6210\u3059\u308b\u305f\u3081\u306b\u5fc5\u8981\u3067\u3059\u3002Spec\u306e\u5177\u4f53\u4f8b\u3092\u4ee5\u4e0b\u306b\u793a\u3057\u307e\u3059\u3002
React Native\u306eApp.ts\u306a\u3069\u3067 setUserID<\/code> \u3092\u547c\u3073\u51fa\u3059\u3053\u3068\u3067\u3001\u30d6\u30ea\u30c3\u30b8\u30b3\u30fc\u30c9\u3092\u7d4c\u7531\u3057\u3066\u30cd\u30a4\u30c6\u30a3\u30d6\u30b3\u30fc\u30c9\u3067\u5b9f\u88c5\u3055\u308c\u305f setUserID<\/code> \u3092\u547c\u3073\u51fa\u3057\u307e\u3059\u3002<\/p>\n
import<\/span> type<\/span> {<\/span> TurboModule }<\/span> from<\/span> \"react-native\/Libraries\/TurboModule\/RCTExport\"<\/span>;\nimport<\/span> {<\/span> TurboModuleRegistry }<\/span> from<\/span> \"react-native\"<\/span>;\n\nexport<\/span> interface<\/span> Spec<\/span> extends<\/span> TurboModule {<\/span>\n  setUserID<\/span>(userId<\/span>: <\/span>string<\/span>): void<\/span>;<\/span>\n  getUserID<\/span>(callback<\/span>: <\/span>() =><\/span> <\/span>void<\/span>): void<\/span>;<\/span>\n}<\/span>\n\nexport<\/span> default<\/span> TurboModuleRegistry.get<\/span>Spec>(\"SampleModule\"<\/span>) as<\/span> Spec<\/span> |<\/span> null<\/span>;\n<\/pre>\n
iOS<\/a><\/h3>\n
iOS<\/a>\u306e\u5834\u5408\u3001\u540c\u3058\u30d5\u30a1\u30a4\u30eb\u5185\u3067 RCT_NEW_ARCH_ENABLED<\/code> \u3092\u4f7f\u3063\u3066New Architecture\u3068Legacy Architecture\u306e\u30b3\u30fc\u30c9\u3092\u66f8\u304d\u5206\u3051\u307e\u3059\u3002New Architecture\u3067\u306fSpec\u30d5\u30a1\u30a4\u30eb\u540d + Spec<\/code> \u3092\u7d99\u627f\u3057\u307e\u3059\u3002
New Architecture\u306b\u306e\u307f getTurboModule<\/code> \u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/p>\n
\u25bc\u30d8\u30c3\u30c0\u30fc SampleBridge.h<\/code><\/p>\n
#ifdef RCT_NEW_ARCH_ENABLED<\/span>\n@interface<\/span> SampleBridge: NSObject \n@end<\/span>\n#else<\/span>\n@interface<\/span> SampleBridge : NSObject \n@end<\/span>\n#endif<\/span>\n<\/rctbridgemodule><\/nativesamplebridgespec><\/pre>\n
\u25bc\u5b9f\u88c5 SampleBridge.mm<\/code><\/p>\n
#import <\/span>\"SampleBridge.h\"<\/span>\n\n\n\n#ifdef RCT_NEW_ARCH_ENABLED<\/span>\n- <\/span>(void<\/span>)setUserID:(NSString<\/span> *)userID\n{\n    \n}\n\n- <\/span>(void<\/span>)getUserID:(RCTResponseSenderBlock)callback\n{\n    \n}\n\n- <\/span>(std<\/span>::shared_ptr<\/span><:react::turbomodule>)getTurboModule: (const<\/span> facebook::react::ObjCTurboModule::InitParams &)params\n{\n    return<\/span> std<\/span>::make_shared<\/span><:react::nativesamplebridgespecjsi>(params);\n}\n\n#else<\/span>\n\nRCT_EXPORT_METHOD<\/span>(setUserID:(NSString<\/span> *)userID)\n{\n    \n}\n\nRCT_EXPORT_METHOD<\/span>(getUserID:(RCTResponseSenderBlock)callback)\n{\n    \n}\n\n#endif<\/span>\n<\/:react::nativesamplebridgespecjsi><\/:react::turbomodule><\/pre>\n
Android<\/a><\/h3>\n
Android<\/a>\u306e\u5834\u5408\u3001\u307e\u305a build.gradle<\/code> \u306b\u3001New Architecture\u304c\u6709\u52b9\u304b\u3069\u3046\u304b\u3092\u5224\u5b9a\u3059\u308b\u51e6\u7406\u3068\u3001\u305d\u308c\u305e\u308c\u306e\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3<\/a>\u7528\u306e\u30bd\u30fc\u30b9\u30c7\u30a3\u30ec\u30af\u30c8<\/a>\u30ea\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n
def<\/span> isNewArchitectureEnabled() {\n    return<\/span> project.hasProperty(\"newArchEnabled\"<\/span>) && project.newArchEnabled == \"true\"<\/span>\n}\n\n\n\n    sourceSets {\n        main {\n            java.srcDirs += ['src\/main\/java'<\/span>]\n            if<\/span> (isNewArchitectureEnabled()) {\n                java.srcDirs += ['src\/newarch'<\/span>]\n            } else<\/span> {\n                java.srcDirs += ['src\/oldarch'<\/span>]\n            }\n        }\n    }\n\n\n<\/pre>\n
build.gradle<\/code> \u306e\u6307\u5b9a\u306b\u5f93\u3044\u3001 src\/newarch<\/code> \u3068 src\/oldarch<\/code> \u306b\u305d\u308c\u305e\u308c\u306e\u51e6\u7406\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002src\/main\/java<\/code> \u306f\u5171\u901a\u51e6\u7406\u304c\u5165\u308a\u307e\u3059\u3002
SampleBridgeModule.java<\/code> \u306b\u30cd\u30a4\u30c6\u30a3\u30d6\u3067\u5b9f\u884c\u3057\u305f\u3044\u51e6\u7406\u3092\u5b9f\u88c5\u3057\u3001 SampleBridgePackage.java<\/code> \u306b SampleBridgeModule.java<\/code> \u3092\u3064\u306a\u304e\u3053\u3080\u305f\u3081\u306e\u51e6\u7406\u3092\u5b9f\u88c5\u3057\u307e\u3059\u3002<\/p>\n
New Architecture\u7528\u306e\u51e6\u7406\u306e\u30b5\u30f3\u30d7\u30eb\u306f\u3053\u3061\u3089\u3067\u3059\u3002\uff08Legacy Architecture\u306f\u3053\u308c\u307e\u3067\u3068\u5909\u308f\u3089\u306a\u3044\u305f\u3081\u5272\u611b\uff09<\/p>\n
\u25bc\u30cd\u30a4\u30c6\u30a3\u30d6\u51e6\u7406\u672c\u4f53\u3092\u8a18\u8ff0\u3059\u308b SampleBridgeModule.java<\/code><\/p>\n
package<\/span> io.android.sample;\n\n\n\nimport<\/span> io.android.sample.NativeSampleBridgeSpec;\n\npublic<\/span> class<\/span> SampleBridgeModule extends<\/span> NativeSampleBridgeSpec {\n\n    @Override<\/span>\n    @NonNull<\/span>\n    public<\/span> String getName() {\n        return<\/span> \"SampleBridgeModule\"<\/span>;\n    }\n\n    @Override<\/span>\n    public<\/span> void<\/span> setUserID(final<\/span> String userId) {\n        \n    }\n\n    @Override<\/span>\n    public<\/span> void<\/span> getUserID(Callback callback) {\n        \n    }\n}\n<\/pre>\n
\u25bc\u4f5c\u6210\u3057\u305f\u30e2\u30b8\u30e5\u30fc\u30eb\u3092React Native\u306b\u767b\u9332\u3059\u308b SampleBridgePackage.java<\/code><\/p>\n
package<\/span> io.android.sample;\n\n\nimport<\/span> com.facebook.react.TurboReactPackage;\n\npublic<\/span> class<\/span> SampleBridgePackage extends<\/span> TurboReactPackage {\n\n    @Nullable<\/span>\n    @Override<\/span>\n    public<\/span> NativeModule getModule(String name, @NonNull<\/span> ReactApplicationContext reactContext) {\n        if<\/span> (name.equals(SampleBridgeModule.NAME)) {\n            return<\/span> new<\/span> SampleBridgeModule(reactContext);\n        } else<\/span> {\n            return<\/span> null<\/span>;\n        }\n    }\n\n    @Override<\/span>\n    public<\/span> ReactModuleInfoProvider getReactModuleInfoProvider() {\n        return<\/span> new<\/span> ReactModuleInfoProvider() {\n            @Override<\/span>\n            public<\/span> Map getReactModuleInfos() {\n                final<\/span> Map moduleInfos = new<\/span> HashMap();\n\n                moduleInfos.put(\n                    SampleBridgeModule.NAME,\n                    new<\/span> ReactModuleInfo(\n                            SampleBridgeModule.NAME,\n                            SampleBridgeModule.NAME,\n                            false<\/span>, \n                            false<\/span>, \n                            true<\/span>, \n                            false<\/span>, \n                            true<\/span> \n                ));\n                return<\/span> moduleInfos;\n            }\n        };\n    }\n}\n<\/string><\/string><\/pre>\n
New Architecture\u306e\u30b5\u30dd\u30fc\u30c8\u306f\u3001\u60f3\u50cf\u3057\u3066\u3044\u305f\u3088\u308a\u4e00\u7b4b\u7e04\u3067\u306f\u3044\u304d\u307e\u305b\u3093\u3067\u3057\u305f\u3002\u3053\u3053\u3067\u306f\u3001\u5b9f\u969b\u306b\u8d77\u304d\u305f\u30c8\u30e9\u30d6\u30eb\u306b\u3064\u3044\u3066\u304a\u8a71\u3057\u3057\u307e\u3059\u3002<\/p>\n
Codegen<\/a>\u3092\u3069\u306e\u3088\u3046\u306b\u4f7f\u3048\u3070\u826f\u3044\u304b\u308f\u304b\u3089\u306a\u3044<\/h3>\n
New Architecture\u306b\u3064\u3044\u3066\u8abf\u3079\u59cb\u3081\u3066\u3001\u307e\u305a\u5fc5\u8981\u3068\u66f8\u304b\u308c\u3066\u3044\u305f\u306e\u304cSpec\u3068Codegen<\/a>\u3067\u3057\u305f\u3002Spec\u30d5\u30a1\u30a4\u30eb\u3092\u7528\u610f\u3057Codegen<\/a>\u3092\u5b9f\u884c\uff08gradlew\u3084pod install\uff09\u3057\u3066\u3001\u30cd\u30a4\u30c6\u30a3\u30d6\u30b3\u30fc\u30c9\u304c\u547c\u3073\u51fa\u305b\u308b\u304b\u4e00\u901a\u308a\u306e\u52d5\u4f5c\u3092\u78ba\u8a8d\u3057\u307e\u3057\u305f\u304c\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306a\u60c5\u5831\u304c\u307b\u3068\u3093\u3069\u306a\u304f\u8a66\u884c\u932f\u8aa4\u3057\u306a\u304c\u3089\u306e\u5b9f\u88c5\u3068\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n
Legacy Architecture\u3068\u306e\u5f8c\u65b9\u4e92\u63db<\/a><\/h2>\n
Repro SDK<\/a>\u304cNew Architecture\u306b\u30b5\u30dd\u30fc\u30c8\u3057\u305f\u304b\u3089\u3068\u3044\u3063\u3066\u3001Repro SDK<\/a>\u3092\u3054\u5229\u7528\u3044\u305f\u3060\u304f\u30e6\u30fc\u30b6\u30fc\u306e\u65b9\u3005\u304c\u5168\u3066New Architecture\u3092\u6709\u52b9\u306b\u3059\u308b\u308f\u3051\u3067\u306f\u306a\u3044\u305f\u3081\u3001New Architecture\u304c\u7121\u52b9\u306a\u72b6\u614b\u3067\u3082SDK<\/a>\u304c\u52d5\u4f5c\u3059\u308b\u3088\u3046\u306b\u3059\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002
\u305d\u306e\u305f\u3081\u3001Turbo Modules as Legacy Native Modules<\/a>2<\/a><\/sup>\u3092\u53c2\u8003\u306b\u3001New Architecture\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u306a\u304c\u3089Legacy Architecture\u3082\u3053\u308c\u307e\u3067\u901a\u308a\u52d5\u4f5c\u3055\u305b\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3057\u305f\u3002<\/p>\n