Merge branch 'main' into slorber/docusaurus-3.7

Author: slorber

docs/linking.md

@@ -84,15 +84,15 @@ If your app is using [Universal Links](https://developer.apple.com/ios/universal
 <TabItem value="swift">
 
 ```swift title="AppDelegate.swift"
-func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool {
+override func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey : Any] = [:]) -> Bool {
   return RCTLinkingManager.application(app, open: url, options: options)
 }
 ```
 
 If your app is using [Universal Links](https://developer.apple.com/ios/universal-links/), you'll need to add the following code as well:
 
 ```swift title="AppDelegate.swift"
-func application(
+override func application(
   _ application: UIApplication,
   continue userActivity: NSUserActivity,
   restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {

docs/typescript.md

@@ -25,14 +25,14 @@ npx create-expo-app --template
 <TabItem value="npm">
 
 ```shell
-npm install -D @tsconfig/react-native @types/jest @types/react @types/react-test-renderer typescript
+npm install -D typescript @react-native/typescript-config @types/jest @types/react @types/react-test-renderer
 ```
 
 </TabItem>
 <TabItem value="yarn">
 
 ```shell
-yarn add --dev @tsconfig/react-native @types/jest @types/react @types/react-test-renderer typescript
+yarn add --dev typescript @react-native/typescript-config @types/jest @types/react @types/react-test-renderer
 ```
 
 </TabItem>
@@ -44,9 +44,9 @@ This command adds the latest version of every dependency. The versions may need
 
 2. Add a TypeScript config file. Create a `tsconfig.json` in the root of your project:
 
-```json
+```json title="tsconfig.json"
 {
-  "extends": "@tsconfig/react-native/tsconfig.json"
+  "extends": "@react-native/typescript-config"
 }
 ```
 
@@ -86,19 +86,16 @@ Out of the box, TypeScript sources are transformed by [Babel][babel] during bund
 You can provide an interface for a React Component's [Props](props) and [State](state) via `React.Component<Props, State>` which will provide type-checking and editor auto-completing when working with that component in JSX.
 
 ```tsx title="components/Hello.tsx"
-import React from 'react';
+import {useState} from 'react';
 import {Button, StyleSheet, Text, View} from 'react-native';
 
 export type Props = {
   name: string;
   baseEnthusiasmLevel?: number;
 };
 
-const Hello: React.FC<Props> = ({
-  name,
-  baseEnthusiasmLevel = 0,
-}) => {
-  const [enthusiasmLevel, setEnthusiasmLevel] = React.useState(
+function Hello({name, baseEnthusiasmLevel = 0}: Props) {
+  const [enthusiasmLevel, setEnthusiasmLevel] = useState(
     baseEnthusiasmLevel,
   );
 
@@ -134,7 +131,7 @@ const Hello: React.FC<Props> = ({
       </View>
     </View>
   );
-};
+}
 
 const styles = StyleSheet.create({
   container: {
@@ -168,8 +165,8 @@ To use custom path aliases with TypeScript, you need to set the path aliases to
 
 ```diff
 {
--  "extends": "@tsconfig/react-native/tsconfig.json"
-+  "extends": "@tsconfig/react-native/tsconfig.json",
+-  "extends": "@react-native/typescript-config"
++  "extends": "@react-native/typescript-config",
 +  "compilerOptions": {
 +    "baseUrl": ".",
 +    "paths": {

website/blog/2025-04-08-react-native-0.79.md

@@ -29,10 +29,23 @@ This release ships with [Metro 0.82](https://github.com/facebook/metro/releases/
 
 ![metro startup comparison](../static/blog/assets/0.79-metro-startup-comparison.gif)
 
-Also in Metro 0.82, we’re promoting `package.json` `exports` and `imports` field resolution to stable. `exports` resolution was [introduced in React Native 0.72](/blog/2023/06/21/package-exports-support), and `imports` support was added in a community contribution - both will now be enabled by default for all the projects on React Native 0.79.
+Also in Metro 0.82, we’re promoting `package.json` `"exports"` and `"imports"` field resolution to stable. `"exports"` resolution was [introduced in React Native 0.72](/blog/2023/06/21/package-exports-support), and `"imports"` support was added in a community contribution - both will now be enabled by default for all the projects on React Native 0.79.
 
 This improves compatibility with modern npm dependencies, and opens up new, standards-compliant ways to organise your projects.
 
+:::warning Breaking change
+
+While we've been testing `package.json` `"exports"` in the community for a while, this switchover can be a breaking change for certain packages and project setups.
+
+In particular, we're aware of user reported incompatibilities for some popular packages including Firebase and AWS Amplify, and are working to get these fixed at source.
+
+If you're encountering issues:
+
+- Please update to the Metro [0.81.5 hotfix](https://github.com/facebook/metro/releases/tag/v0.81.5), or set [`resolver.unstable_enablePackageExports = false`](https://metrobundler.dev/docs/configuration/#unstable_enablepackageexports-experimental) to opt out.
+- See [expo/expo#36551](https://github.com/expo/expo/discussions/36551) for affected packages and future updates.
+
+:::
+
 ### JSC moving to Community Package
 
 As part of our effort to reduce the API surface of React Native, we're in the process of moving the JavaScriptCore (JSC) engine to a community-maintained package: `@react-native-community/javascriptcore`
@@ -150,7 +163,7 @@ This change has a subtle impact on existing imports:
 
 <details>
 <summary>**Case 1: Default export**</summary>
- 
+
 ```diff
   // CHANGED - require() syntax
 - const ImageBackground = require('react-native/Libraries/Image/ImageBackground');
@@ -162,7 +175,7 @@ import ImageBackground from 'react-native/Libraries/Image/ImageBackground';
 // RECOMMENDED - root import
 import {ImageBackground} from 'react-native';
 
-````
+```
 
 </details>
 
@@ -189,7 +202,7 @@ There are very few cases of this pattern, again unaffected when using the root `
 
   // RECOMMENDED - root import
   import {BlobRegistry} from 'react-native';
-````
+```
 
 </details>
 

website/blog/authors.yml

@@ -308,3 +308,19 @@ shubham:
     x: https://x.com/sg43245
     github: https://github.com/shubhamguptadream11
   image_url: https://github.com/shubhamguptadream11.png
+
+hezi:
+  name: Jorge Cohen
+  title: Engineering Manager @ Meta
+  socials:
+    x: https://x.com/jorgewritescode
+    github: https://github.com/hezi
+  image_url: https://github.com/hezi.png
+
+chrfalch:
+  name: Christian Falch
+  title: Software Engineer @ Expo
+  socials:
+    x: https://x.com/chrfalch
+    github: https://github.com/chrfalch
+  image_url: https://github.com/chrfalch.png

website/versioned_docs/version-0.79/typescript.md

@@ -25,14 +25,14 @@ npx create-expo-app --template
 <TabItem value="npm">
 
 ```shell
-npm install -D @tsconfig/react-native @types/jest @types/react @types/react-test-renderer typescript
+npm install -D typescript @react-native/typescript-config @types/jest @types/react @types/react-test-renderer
 ```
 
 </TabItem>
 <TabItem value="yarn">
 
 ```shell
-yarn add --dev @tsconfig/react-native @types/jest @types/react @types/react-test-renderer typescript
+yarn add --dev typescript @react-native/typescript-config @types/jest @types/react @types/react-test-renderer
 ```
 
 </TabItem>
@@ -44,9 +44,9 @@ This command adds the latest version of every dependency. The versions may need
 
 2. Add a TypeScript config file. Create a `tsconfig.json` in the root of your project:
 
-```json
+```json title="tsconfig.json"
 {
-  "extends": "@tsconfig/react-native/tsconfig.json"
+  "extends": "@react-native/typescript-config"
 }
 ```
 
@@ -86,19 +86,16 @@ Out of the box, TypeScript sources are transformed by [Babel][babel] during bund
 You can provide an interface for a React Component's [Props](props) and [State](state) via `React.Component<Props, State>` which will provide type-checking and editor auto-completing when working with that component in JSX.
 
 ```tsx title="components/Hello.tsx"
-import React from 'react';
+import {useState} from 'react';
 import {Button, StyleSheet, Text, View} from 'react-native';
 
 export type Props = {
   name: string;
   baseEnthusiasmLevel?: number;
 };
 
-const Hello: React.FC<Props> = ({
-  name,
-  baseEnthusiasmLevel = 0,
-}) => {
-  const [enthusiasmLevel, setEnthusiasmLevel] = React.useState(
+function Hello({name, baseEnthusiasmLevel = 0}: Props) {
+  const [enthusiasmLevel, setEnthusiasmLevel] = useState(
     baseEnthusiasmLevel,
   );
 
@@ -134,7 +131,7 @@ const Hello: React.FC<Props> = ({
       </View>
     </View>
   );
-};
+}
 
 const styles = StyleSheet.create({
   container: {
@@ -168,8 +165,8 @@ To use custom path aliases with TypeScript, you need to set the path aliases to
 
 ```diff
 {
--  "extends": "@tsconfig/react-native/tsconfig.json"
-+  "extends": "@tsconfig/react-native/tsconfig.json",
+-  "extends": "@react-native/typescript-config"
++  "extends": "@react-native/typescript-config",
 +  "compilerOptions": {
 +    "baseUrl": ".",
 +    "paths": {