Squashed commit of the following:

commit 6a28b05 Author: Kartik Shankhavaram <shankhavaramk@gmail.com> Date: Sat Dec 9 22:50:21 2023 +0800 Change 'use' to 'lose' to signify that functions are still accessible (facebook#3949) commit 822b280 Author: Alex Hunt <hello@alexhunt.io> Date: Fri Dec 8 13:00:46 2023 +0000 [docs] Fix name for 0.73 versioned docs (facebook#3948) commit 4818763 Author: Nick Gerleman <ngerlem@meta.com> Date: Thu Dec 7 10:56:32 2023 -0800 Lint and typecheck examples against RN 0.73 (facebook#3946) * Lint and typecheck examples against RN 0.73 Updates the harness for linting snack examples to the newest version of RN. * Update Netlify Node version commit cc46589 Author: Nick Gerleman <ngerlem@meta.com> Date: Thu Dec 7 10:56:04 2023 -0800 Add `alignContent: 'space-evenly'` (facebook#3888) * Add `alignContent: 'space-evenly'` Coming with 0.74 facebook/react-native#41020 * Update layout-props.md commit 9f7093c Author: Christoph Purrer <christophpurrer@gmail.com> Date: Thu Dec 7 14:06:00 2023 +0100 Simplify C++ TM struct generation (facebook#3947) Update documentation to match: facebook/react-native#41645 commit 59278e7 Author: Nick Gerleman <ngerlem@meta.com> Date: Thu Dec 7 01:28:12 2023 -0800 Add `--frozen-lockfile` to `yarn install` (facebook#3945) To catch cases where dependency changes require a lockfile change that wasn't comited alongside. commit 06ba8ea Author: Nick Gerleman <ngerlem@meta.com> Date: Thu Dec 7 00:59:10 2023 -0800 Revert "fixed peer dependency issues (facebook#3942)" (facebook#3944) This reverts commit 1bcb60f. commit 1bcb60f Author: Shantanu Gupta <99300527+Shantanugupta43@users.noreply.github.com> Date: Thu Dec 7 08:52:32 2023 +0000 fixed peer dependency issues (facebook#3942) * fixed peer dependency issues * removed lingering file commit 79ff42a Author: Zeya Peng <zeyap@users.noreply.github.com> Date: Wed Dec 6 14:20:06 2023 -0500 Update native-components-android.md (facebook#3941) commit f0c4b80 Author: Aike van den Brink <17004429+aikewoody@users.noreply.github.com> Date: Wed Dec 6 19:46:03 2023 +0100 Update new-architecture-app-intro.md (facebook#3938) Fixed small spelling mistake commit f89ab82 Author: Alex Hunt <hello@alexhunt.io> Date: Wed Dec 6 17:56:40 2023 +0000 [docs] Cut version 0.73.0 (facebook#3940) commit 83e816b Author: Alex Hunt <hello@alexhunt.io> Date: Wed Dec 6 17:15:14 2023 +0000 [blog] Add 0.73 announcement post (facebook#3931) commit d8c78ad Author: Thibault Malbranche <thibault.malbranche@epitech.eu> Date: Wed Dec 6 17:33:48 2023 +0100 fix(Image): update link to correct file (facebook#3939) commit 821172e Author: Sarvar Rose <47109217+sarvarrose@users.noreply.github.com> Date: Mon Dec 4 16:20:11 2023 +0530 correct type of Pressable `style` prop (facebook#3936) commit b1379a7 Author: adriancuadrado <adriancuadradochavarria97@gmail.com> Date: Mon Dec 4 00:57:19 2023 +0100 Update scrollview.md (facebook#3869) `pagingEnabled` **is** supported on Android. I tested it and it just seems to work. commit 11258b1 Author: Alan <49978973+3Alan@users.noreply.github.com> Date: Mon Dec 4 07:55:12 2023 +0800 fix: remove useless points (facebook#3934) commit 8400279 Author: Christoph Purrer <christophpurrer@gmail.com> Date: Sun Dec 3 09:57:25 2023 +0100 Revert "Simplify C++ TM struct generation (facebook#3930)" (facebook#3935) This reverts commit 7396470. commit 7396470 Author: Christoph Purrer <christophpurrer@gmail.com> Date: Mon Nov 27 13:00:23 2023 +0100 Simplify C++ TM struct generation (facebook#3930) Update documentation to match: facebook/react-native#41645 commit 5616873 Author: Bailey Lissington <54869395+llamington@users.noreply.github.com> Date: Mon Nov 27 22:33:50 2023 +1300 Fixed grammatical error (facebook#3929)
reactnativecn · Dec 10, 2023 · 1f11d3d · 1f11d3d
1 parent 581b3b8
commit 1f11d3d
Show file tree

Hide file tree

Showing 213 changed files with 48,402 additions and 641 deletions.
diff --git a/.circleci/config.yml b/.circleci/config.yml
@@ -24,7 +24,7 @@ commands:
             - v1-yarn-{{ .Branch }}
       - run:
           name: Yarn Install
-          command: yarn install --no-progress --non-interactive --cache-folder ~/.cache/yarn
+          command: yarn install --frozen-lockfile --no-progress --non-interactive --cache-folder ~/.cache/yarn
           working_directory: ~/react-native-website
       - save_cache:
           paths:

diff --git a/docs/flexbox.md b/docs/flexbox.md
@@ -1231,7 +1231,9 @@ export default AlignSelfLayout;
 
 - `space-between` Evenly space wrapped lines across the container's cross axis, distributing the remaining space between the lines.
 
-- `space-around` Evenly space wrapped lines across the container's cross axis, distributing the remaining space around the lines. Compared to `space-between`, using `space-around` will result in space being distributed to the beginning of the first line and the end of the last line.
+- `space-around` Evenly space wrapped lines across the container's cross axis, distributing the remaining space around the lines. Each end of the container has a half-sized space compared to the space between items.
+
+- `space-evenly` Evenly space wrapped lines across the container's cross axis, distributing the remaining space around the lines. Each space is the same size.
 
 You can learn more [here](https://yogalayout.com/docs/align-content).
 

diff --git a/docs/image.md b/docs/image.md
@@ -98,18 +98,18 @@ dependencies {
   implementation 'com.facebook.fresco:animated-base-support:1.3.0'
 
   // For animated GIF support
-  implementation 'com.facebook.fresco:animated-gif:2.5.0'
+  implementation 'com.facebook.fresco:animated-gif:3.1.3'
 
   // For WebP support, including animated WebP
-  implementation 'com.facebook.fresco:animated-webp:2.5.0'
-  implementation 'com.facebook.fresco:webpsupport:2.5.0'
+  implementation 'com.facebook.fresco:animated-webp:3.1.3'
+  implementation 'com.facebook.fresco:webpsupport:3.1.3'
 
   // For WebP support, without animations
-  implementation 'com.facebook.fresco:webpsupport:2.5.0'
+  implementation 'com.facebook.fresco:webpsupport:3.1.3'
 }
 ```
 
-> Note: the version listed above may not be updated in time. Please check [`ReactAndroid/gradle.properties`](https://github.com/facebook/react-native/blob/main/packages/react-native/ReactAndroid/gradle.properties) in the main repo to see which fresco version is being used in a specific tagged version.
+> Note: the version listed above may not be updated in time. Please check [`packages/react-native/gradle/libs.versions.toml`](https://github.com/facebook/react-native/blob/main/packages/react-native/gradle/libs.versions.toml) in the main repo to see which fresco version is being used in a specific tagged version.
 
 ---
 

diff --git a/docs/layout-props.md b/docs/layout-props.md
@@ -369,9 +369,9 @@ export default App;
 
 `alignContent` controls how rows align in the cross direction, overriding the `alignContent` of the parent. See https://developer.mozilla.org/en-US/docs/Web/CSS/align-content for more details.
 
-| Type                                                                                 | Required |
-| ------------------------------------------------------------------------------------ | -------- |
-| enum('flex-start', 'flex-end', 'center', 'stretch', 'space-between', 'space-around') | No       |
+| Type                                                                                                 | Required |
+| ---------------------------------------------------------------------------------------------------- | -------- |
+| enum('flex-start', 'flex-end', 'center', 'stretch', 'space-between', 'space-around', 'space-evenly') | No       |
 
 ---
 

diff --git a/docs/more-resources.md b/docs/more-resources.md
@@ -28,7 +28,7 @@ We recommend using the [VS Code](https://code.visualstudio.com/) code editor and
 
 [Expo](https://docs.expo.dev/) is a framework of tools and services for React Native that focuses on helping you build, ship, and iterate on your app, to use preview deployment workflows that are popular with web development, and to automate your development workflows. Expo also makes it possible to build React Native apps without ever touching Xcode or Android Studio, and it doesn't get in the way if you want to use those tools.
 
-[Ignite](https://github.com/infinitered/ignite) is a starter kit CLI with several React Native boilerplates. The latest, Ignite Maverick, uses MobX-State-Tree for state management, React Navigation, and other common libraries.It has generators for screens, models, and more, and supports Expo out of the box. Ignite also comes with a component library that is tuned for custom designs, theming support, and testing. If you are looking for a preconfigured tech stack, Ignite could be perfect for you.
+[Ignite](https://github.com/infinitered/ignite) is a starter kit CLI with several React Native boilerplates. The latest, Ignite Maverick, uses MobX-State-Tree for state management, React Navigation, and other common libraries. It has generators for screens, models, and more, and supports Expo out of the box. Ignite also comes with a component library that is tuned for custom designs, theming support, and testing. If you are looking for a preconfigured tech stack, Ignite could be perfect for you.
 
 ## Example Apps
 

diff --git a/docs/native-components-android.md b/docs/native-components-android.md
@@ -188,7 +188,7 @@ import {requireNativeComponent} from 'react-native';
 /**
  * Composes `View`.
  *
- * - src: string
+ * - src: Array<{url: string}>
  * - borderRadius: number
  * - resizeMode: 'cover' | 'contain' | 'stretch'
  */

diff --git a/docs/new-architecture-app-intro.md b/docs/new-architecture-app-intro.md
@@ -95,7 +95,7 @@ LOG Running "App" with {"fabric":true,"initialProps":{"concurrentRoot": "true"},
 
 If you followed the previous steps but your app uses some custom Native Components that have not been migrated to the New Architecture completely, you are going to see some reddish/pinkish boxes saying that the component is not compatible with Fabric. This is happening because custom Native Components written for the legacy architecture can't run as-is in the New Architecture.
 
-Starting from **React Native `0.72.0`**, we worked on a interoperability layer to let you use legacy components in the New Architecture without having to wait for them to be migrated.
+Starting from **React Native `0.72.0`**, we worked on an interoperability layer to let you use legacy components in the New Architecture without having to wait for them to be migrated.
 
 You can read more about the interoperability layer and how to use it [here](https://github.com/reactwg/react-native-new-architecture/discussions/135). Follow this guide to register your components and then rerun your app with the commands:
 

diff --git a/docs/new-architecture-library-android.md b/docs/new-architecture-library-android.md
@@ -115,4 +115,4 @@ class NativeAwesomeManager(reactContext: ReactApplicationContext) :
 </TabItem>
 </Tabs>
 
-Please note that the **generated abstract class** that you’re now extending (`MyAwesomeSpec` in this example) is itself extending `ReactContextBaseJavaModule`. Therefore you should not use access to any of the method/fields you were previously using (e.g., the `ReactApplicationContext` and so on). Moreover, the generated class will now also implement the `TurboModule` interface for you.
+Please note that the **generated abstract class** that you’re now extending (`MyAwesomeSpec` in this example) is itself extending `ReactContextBaseJavaModule`. Therefore you should not lose access to any of the method/fields you were previously using (e.g., the `ReactApplicationContext` and so on). Moreover, the generated class will now also implement the `TurboModule` interface for you.
diff --git a/docs/pressable.md b/docs/pressable.md
@@ -221,9 +221,9 @@ Additional distance outside of this view in which a touch is considered a press
 
 Either view styles or a function that receives a boolean reflecting whether the component is currently pressed and returns view styles.
 
-| Type                           |
-| ------------------------------ |
-| [View Style](view-style-props) |
+| Type                                                                                            |
+| ----------------------------------------------------------------------------------------------- |
+| [View Style](view-style-props) or `md ({ pressed: boolean }) => [View Style](view-style-props)` |
 
 ### `testOnly_pressed`
 

diff --git a/docs/scrollview.md b/docs/scrollview.md
@@ -515,8 +515,6 @@ Possible values:
 
 When true, the scroll view stops on multiples of the scroll view's size when scrolling. This can be used for horizontal pagination.
 
-> Note: Vertical pagination is not supported on Android.
-
 | Type | Default |
 | ---- | ------- |
 | bool | `false` |

diff --git a/docs/textinput.md b/docs/textinput.md
@@ -196,7 +196,7 @@ The following values work on Android only:
 - `tel-national`
 - `username-new`
 
-| Type······················································································································································································································································································································································································································································································································································································································································································································································································································································································································································ |
+| Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
 | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | enum('additional-name', 'address-line1', 'address-line2', 'birthdate-day', 'birthdate-full', 'birthdate-month', 'birthdate-year', 'cc-csc', 'cc-exp', 'cc-exp-day', 'cc-exp-month', 'cc-exp-year', 'cc-number', 'country', 'current-password', 'email', 'family-name', 'given-name', 'honorific-prefix', 'honorific-suffix', 'name', 'new-password', 'off', 'one-time-code', 'postal-code', 'street-address', 'tel', 'username', 'cc-family-name', 'cc-given-name', 'cc-middle-name', 'cc-name', 'cc-type', 'nickname', 'organization', 'organization-title', 'url', 'gender', 'name-family', 'name-given', 'name-middle', 'name-middle-initial', 'name-prefix', 'name-suffix', 'password', 'password-new', 'postal-address', 'postal-address-country', 'postal-address-extended', 'postal-address-extended-postal-code', 'postal-address-locality', 'postal-address-region', 'sms-otp', 'tel-country-code', 'tel-device', 'tel-national', 'username-new') |
 

diff --git a/docs/the-new-architecture/cxx-custom-types.md b/docs/the-new-architecture/cxx-custom-types.md
@@ -257,10 +257,10 @@ This works - but is quite complex.
 [**Codegen**](pillars-codegen.md) for C++ Turbo Native Modules does support struct generators, so you can simplify the code above in `NativeSampleModule.h` to:
 
 ```cpp
-using CustomType = NativeSampleModuleBaseCustomType<std::string, bool, std::optional<int32_t>>;
+using CustomType = NativeSampleModuleCustomType<std::string, bool, std::optional<int32_t>>;
 template <>
 struct Bridging<CustomType>
-    : NativeSampleModuleBaseCustomTypeBridging<std::string, bool, std::optional<int32_t>> {};
+    : NativeSampleModuleCustomTypeBridging<CustomType> {};
 ```
 
 With `using CustomType` you declare a name for your concrete struct.
@@ -276,10 +276,9 @@ Without any custom conversion functions:
 
 #### Base class
 
-`NativeSampleModuleBaseCustomType` is an auto-generated template in your `AppSpecsJSI.h` which name is generated by:
+`NativeSampleModuleCustomType` is an auto-generated template in your `AppSpecsJSI.h` which name is generated by:
 
 - `NativeSampleModule` (name of C++ Turbo Native Module in the JavaScript spec) +
-- `Base` (constant) +
 - `CustomType` (name of type in the JavaScript spec)
 
 The same naming schema applies to the necessary `Bridging` struct which is defined via `struct Bridging<CustomType>`.
diff --git a/netlify.toml b/netlify.toml
@@ -4,11 +4,11 @@
   command = "yarn && cd cnwebsite && yarn build"
 
 [context.production.environment]
-  NODE_VERSION = "16.15.0"
+  NODE_VERSION = "20"
   NODE_OPTIONS = "--max_old_space_size=4096"
 
 [context.deploy-preview.environment]
-  NODE_VERSION = "16.15.0"
+  NODE_VERSION = "20"
   NODE_OPTIONS = "--max_old_space_size=4096"
   PREVIEW_DEPLOY = "true"
 

diff --git a/scripts/lint-examples/babel.config.js b/scripts/lint-examples/babel.config.js
@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['module:metro-react-native-babel-preset'],
+  presets: ['module:@react-native/babel-preset'],
 };
diff --git a/scripts/lint-examples/package.json b/scripts/lint-examples/package.json
@@ -11,16 +11,16 @@
     "@babel/core": "^7.12.9",
     "@babel/preset-env": "^7.14.0",
     "@babel/runtime": "^7.12.5",
+    "@react-native/babel-preset": "^0.73.18",
     "@react-native-community/slider": "^4.4.2",
-    "@react-native/eslint-config": "^0.72.1",
-    "@tsconfig/react-native": "^2.0.2",
-    "@types/react": "^18.0.24",
+    "@react-native/eslint-config": "^0.73.1",
+    "@react-native/typescript-config": "^0.73.1",
+    "@types/react": "^18.2.6",
     "eslint": "^8.19.0",
     "glob-promise": "^4.2.2",
-    "metro-react-native-babel-preset": "0.75.1",
-    "prettier": "^2.4.1",
+    "prettier": "2.8.8",
     "react": "18.2.0",
-    "react-native": "^0.72.0-rc.2",
-    "typescript": "4.8.4"
+    "react-native": "^0.73.0",
+    "typescript": "5.0.4"
   }
 }
diff --git a/scripts/lint-examples/tsconfig.json b/scripts/lint-examples/tsconfig.json
@@ -1,4 +1,4 @@
 {
-  "extends": "@tsconfig/react-native/tsconfig.json",
+  "extends": "@react-native/typescript-config/tsconfig.json",
   "include": ["./out"]
 }