@react-native/codegen
Advanced tools
Package description
The @react-native/codegen package is a tool used in the React Native ecosystem to generate native code (Java for Android, Objective-C for iOS) from JavaScript. It is primarily used to bridge custom native modules and components in a React Native application, facilitating the communication between JavaScript and native code. This tool automates the process of creating the necessary boilerplate code for native modules, making the development process more efficient and less error-prone.
Generating Native Modules
This feature allows developers to generate the boilerplate code for native modules by specifying the platform (iOS or Android), the path to a schema file (schema.json) that describes the module, and the output directory. The schema file is a JSON file that outlines the structure and types of the native module's methods and properties.
"npx react-native codegen --platform ios/android --schemaPath ./schema.json --outputDir ./output"Generating Native Components
Similar to native modules, this feature enables the generation of boilerplate code for native components. The process involves specifying a schema file (componentSchema.json) that describes the component's properties and events, allowing for seamless integration of custom native UI components into React Native applications.
"npx react-native codegen --platform ios/android --schemaPath ./componentSchema.json --outputDir ./output"React Native Builder Bob is a tool that helps developers create React Native libraries with support for both native and JavaScript code. While it provides a streamlined process for setting up, building, and publishing libraries, it does not offer the same code generation capabilities for bridging native modules and components as @react-native/codegen.
React Native Create Bridge is a CLI tool designed to simplify the process of creating native modules and UI components for React Native. It offers a more interactive approach by prompting users for input to generate the necessary boilerplate code. However, it is not as automated or schema-driven as @react-native/codegen, requiring more manual intervention.
Changelog
v0.75.0-rc.3
Share.share()'s argument types to be more explicit. (8b53d41a88)TouchableOpacity from JS class to ForwardRef component (3d00549399 by @retyui)LongLivedObjectCollection::get accept a Runtime reference as parameter. (86a52cc2dc by @fabriziocucci)LongLivedObject constructor accept a Runtime reference. (3706bf077e by @fabriziocucci)null for optional but not nullable arguments. (67b9628af5 by @rubennorte)ReactJsExceptionHandler param from ReactHostImpl() constructor and providing a default private implementation (fe7e7a015f by @alanleedev)android:supportsRtl="true" for RTL layout (82c6f8a580 by @NickGerleman)DevSupportManagerFactory.create() changed to take an additional parameter of type PausedInDebuggerOverlayManager (nullable) (1d26907ca4 by @motiz88)ReactViewBackgroundDrawable in favor of CSSBackgroundDrawable (d7766fa927 by @NickGerleman)getSurfacePresenter and getModuleRegistry from RCTHost (f19371f28d by @cipolleschi)RCTRedBox access through RCTBridge (b5db214d2a by @realsoelynn)requestIdleCallback and cancelIdleCallback (abfadc6083 by @robik)ReactNativeApplication.[enable,metadataUpdated] CDP messages for reading host metadata (aced4072cf by @huntie)remove methods for Linking.addEventListener and AccessibilityInfo.addEventListener Jest mocks (2483c63017 by @levibuzolic)react-devtools standalone app (430dd0be26 by @hoxyq)Header methods (028615180b by @retyui)Image.getSize/getSizeWithHeaders method returns a promise if you don't pass a success callback (2c1bcbac81 by @retyui)ReactMarkerConstants.CONTENT_APPEARED support on Android in bridgeless mode. (5da9fdf8f1 by @Kudo)Image prop resizeMultiplier to help increase quality of small images on low DPI devices (b6c3433537)onUserLeaveHint support into ReactActivityDelegate (6450d08187 by @behenate)onUserLeaveHint support into ReactActivityDelegate (3cf6c64a80 by @behenate)act() (5a8327857b by @yungsters)Pressable component. (cfa784c5ce by @Zahoq)mockComponent now also mocks name (5062c5256e by @yungsters)react@18.3.1 (abb7070a51 by @yungsters)no-string-refs is now a lint error (387250112e by @yungsters)Animated components (452373b5bf by @yungsters)StyleSheet.compose (34331af9ce by @yungsters)--experimental-debugger launch flow (b1bb0bee41 by @motiz88)parseVersion (c3d45740cd by @zeyap)react-native-community/cli to v14.0.0-alpha.2 (32c2322668 by @szymonrybczak)console object (949296571b by @motiz88)react-native-community/cli to 14.0.0-alpha.0 (7a00623947 by @szymonrybczak)AlertFragment dialog builder to use androidx.appcompat (297ded90aa)AlertFragment dialog builder to use androidx.appcompat (600d3f6ff1)DevInternalSettings from DevSupportManagerBase (52cec1e798 by @Kudo)DevServerHelper (a1e8118541 by @huntie)mapbufferjni via prefab. (c73e22142e by @tomekzaw)openDebugger() method on DevSupportManager (b309af79e8 by @motiz88)useDevSupport now is configurable by ReactNativeHost. (d195fd0c06 by @javache)handleRemoveView function in ReactViewGroup.java to ignore calls for Views that are not children of this ViewGroup (0d7a92b551 by @bartlomiejbloniarz)onprogress event for XMLHttpRequest even when the Content-Length header is missing in the response headers (457d14bd1b)notifyObservers straight to RCTEventDispatcher.mm. (f5c888c2d7 by @WoLewicki)customizeRootView from RCTRootViewFactory (8956869792 by @Kudo)DEFINES_MODULE for React-jsinspector.podspec (4e6186555e by @Kudo)foregroundInactive window when there are no foregroundActive windows in RCTKeyWindow (42ceacd281 by @cipolleschi)react-native/dev-middleware: Remove nonstandard faviconUrl field from CDP /json response (df19e597e3 by @huntie)launchId query param for /debugger-frontend is no longer generated automatically for each /open-debugger call. Caller of /open-debugger is now responsible for generating the launchId, which will be passed along to /debugger-frontend. (b7de916664 by @EdmondChuiHW)tvParallaxProperties prop from TouchableOpacity & add missing focusable, rejectResponderTermination props (0a0cd6517f by @retyui)<ImageBackground/> component (09c903c439 by @retyui)NativeAnimationsDebugModule (already not Public API) (95f7a5c597 by @yungsters)_textStorageForNSAttributesString which was unused (8ecbb36492 by @j-piasecki)NativeState methods to the WithRuntimeDecorator class. (218ea5d44c by @bartlomiejbloniarz)mountingOverrideDelegates (358fe46969 by @WoLewicki)Props.h created from codegen missing default initializers in C++ struct (639d890dff by @alanleedev)collapsableChildren prop (7b44c8d1d0 by @NickGerleman)fontWeight normalization for TextInput component (15f27bc299 by @NickGerleman)RCT-Folly podspec (8769245477 by @mrousavy)convertToCase (cef17ba14f by @cortinico)JavaTimerManager$IdleCallbackRunnable.cancel (e686b4330d by @cortinico)ReactActivity.getReactDelegate().reload(). (539922339b by @Kudo)textAlign not being taken into account when positioning views inlined in text (1f08799560 by @j-piasecki)batchRenderingUpdatesInEventLoop is enabled. (849da2146c by @javache)adjustFontSizeToFit when used without numberOfLines (b236e154a1 by @j-piasecki)adjustsFontSizeToFit not working on Android when using the new architecture (747a96b7b3 by @j-piasecki)ReactModalHostView (15ff82f811 by @cortinico)getChildAtWithSubviewClippingEnabled (d6a44e632a by @javache)InputAccessoryView width on device orientation change (8597727c28 by @mauriciomeirelles)[super viewDidLoad] in RCTRedBox.mm. (d93788301c by @hakonk)HermesExecutorFactory.h build error when importing its private header (2d46dbe6ce by @Kudo)progress in onProgress native event arguments (78ab5f4b83 by @netmaxt3r)adjustFontSizeToFit is set (ed7766cee9 by @j-piasecki)RCTRootViewFactory from Swift (5aea518d88 by @okwasniewski)bundleURL so that it can connect to metro on Reload when the url changes. (8b8b85bb1f by @cipolleschi)contextMenuHidden (493dbb2190 by @jakex7)Readme
yarn add --dev @react-native/codegen
Note: We're using yarn to install deps. Feel free to change commands to use npm 3+ and npx if you like
To run the tests in this package, run the following commands from the React Native root folder:
yarn to install the dependencies. You just need to run this onceyarn jest packages/react-native-codegen.FAQs
Unknown package
We found that @react-native/codegen demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
A threat actor on BreachForums is selling an unverified npm vulnerability for account takeover, but npm has not officially confirmed the existence of this security concern.
Security News
Cyber insurance rates are dropping as the market matures, according to a new report projecting global premiums to reach $43 billion by 2030, driven by international market uptake and growth in the SME sector.
Research
Security News
Socket researchers unpack a typosquatting package with malicious code that logs keystrokes and exfiltrates sensitive data to a remote server.