React Native Windows 0.77.0-preview.1

We're excited to release React Native Windows 0.77.0-preview.1 targeting React Native 0.77.0-rc.0! There have been many changes to both react-native-windows and react-native itself, and we would love your feedback on anything that doesn't work as expected. This release includes the commits to React Native Windows from 9/26/2024 – 12/18/2024.

How to upgrade

You can view the changes made to the default new React Native Windows applications for C++ and C# using React Native Upgrade Helper. See this document for more details.

Changes

Reliability

• Fixes Webdebugging crashing on TurboModule. SampleTurboModule only works as a turbomodule, so do not install it when using web debugger (#13911) · microsoft/react-native-windows@bc8039e (github.com)
• Update our dependencies on @react-native-community/cli to the correct 15.0.0-alpha.2. Update to @react-native-community/[email protected] (#13951) · microsoft/react-native-windows@61bde52 (github.com)
• Cleanup ReactNativeAppBuilder and ReactNativeWin32App. Cleanup ReactNativeAppBuilder and ReactNativeWin32App (#13983) · microsoft/react-native-windows@e1b07c7 (github.com)
• Fix Text running flattenStyle multiple times. Fix Text running flattenStyle multiple times (#14041) · microsoft/react-native-windows@d929b3f (github.com)
• Update RNW CLI to preserve and re-use init-windows arguments. Update RNW CLI to preserve and re-use init-windows arguments (#13988) · microsoft/react-native-windows@a9afb5f (github.com)
• Fixing text components not rendering a border with Paper. Fixing text components not rendering a border with Paper (#14054) · microsoft/react-native-windows@dc70ca2 (github.com)
• Fix issue with prop cloning with custom native props. Fix issue with prop cloning with custom native props (#14061) · microsoft/react-native-windows@59443c8 (github.com)
• Update to Microsoft.NETCore.UniversalWindowsPlatform 6.2.14. Update to Microsoft.NETCore.UniversalWindowsPlatform 6.2.14 (#14084) · microsoft/react-native-windows@845aad2 (github.com)
• Fixed issue with managed codegen target failing when run from path with spaces. Adding quotes around codegen tool executeable path and response file (#14100) · microsoft/react-native-windows@a900eed (github.com)
• Fixes library temples adding the correct files in npm packages. Add windows folder to file list (#14134) · microsoft/react-native-windows@6d890d4 (github.com)
• Fix bug in error telemetry collection. [Telemetry] Bug fix in codedError.data from trackException() (#14191) · microsoft/react-native-windows@bd901aa (github.com)
• Use WebSocket factory in PkgInspectorConnection. Use WebSocket factory in PkgInspectorConnection (#14202) · microsoft/react-native-windows@b4fd3e8 (github.com)

New Features

• Update the cpp-lib template project to support importing either paper Uwp or fabric Composition prop/targets. Update the cpp-lib template project to support importing either paper Uwp or fabric Composition prop/targets (#13945) · microsoft/react-native-windows@d1f46f7 (github.com)
• Enables Telemetry data. Migration from AppInsights to 1DS (#13493) · microsoft/react-native-windows@0b6877e (github.com)
• Introduced --list option to init-windows command. Introducing --list option to init-windows (#13986) · microsoft/react-native-windows@916e2de (github.com)
• React Native Windows has been updated to build on WinAppSDK 1.6. Update WinAppSDK from 1.5 to 1.6 (1.6.240923002) (#13977) · microsoft/react-native-windows@598f233 (github.com)
• Add timeout to JS bundle creation in release builds. Add timeout to JS bundle creation in release builds (#4063) · microsoft/react-native-windows@914b6b7 (github.com)
• Enables telemetry collection to monitor RNW reliability, performance, and usage. Enable data uploading (#14039) · microsoft/react-native-windows@c1e4952 (github.com)
• Add RnwNewArch property and RNW_NEW_ARCH constants when building projects for the new architecture. Add RnwNewArch property and RNW_NEW_ARCH constants when building projects for the new architecture (#14042) · microsoft/react-native-windows@6faf568 (github.com)

Breaking Changes

• Temporarily disable code-signing of NuGet packages. Temporarily disable code-signing of NuGet packages (#14034) · microsoft/react-native-windows@2557b61 (github.com)

New Architecture-specific changes

• Update cpp-app template to use ReactNativeAppBuilder. Update cpp-app template to use ReactNativeAppBuilder (#13875) · microsoft/react-native-windows@ce41d52 (github.com)
• Fix JS Exception when accessing NativeModules. Use a legacy native module binding that always returns null in bridgeless mode (#13905) · microsoft/react-native-windows@67a19fe (github.com)
• Implement UIA ExpandCollapse Pattern allowing custom controls to implement 'expand' and 'collapse' actionsr. Implement IExpandCollapseProvider (#13892) · microsoft/react-native-windows@bba47ee (github.com)
• Implement tooltip property. implement tooltip property (#13941) · microsoft/react-native-windows@efcfebf (github.com)
• Fix RootComponentView leak. Fix RootComponentView leak (#13959) · microsoft/react-native-windows@10f9674 (github.com)
• Add Support for AccessibilityState:Busy. Add Support for AccessibilityState:Busy (#13952) · microsoft/react-native-windows@37e15f1 (github.com)
• Introducing autocapitalize prop in TextInput. Introducing autocapitalize prop in TextInput - Take 2 (#13343) · microsoft/react-native-windows@905d445 (github.com)
• Add very basic box-shadow support. Add very basic box-shadow support (#14028) · microsoft/react-native-windows@19b6aba (github.com)
• Focus should notify island host when tab loop wraps to give host oportunity to take focus. Focus should notify island host when tab loop wraps to give host oportunity to take focus (#14026) · microsoft/react-native-windows@3becf03 (github.com)
• Default scroll to bring a component into view should have padding around the viewport. Default scroll to bring a component into view should have padding around the viewport (#14018) · microsoft/react-native-windows@daa7709 (github.com)
• Update focus visuals to use cornerRadius and inner/outer strokes. Update focus visuals to use cornerRadius and inner/outer strokes (#14008) · microsoft/react-native-windows@a3850c3 (github.com)
• Get Modal to host RN components in new hwnd. Get Modal to host RN components in new hwnd (#13500) · microsoft/react-native-windows@15e5afb (github.com)
• Support accessibilityState 'checked'. Support accessibilityState 'checked' (#13962) · microsoft/react-native-windows@db93240 (github.com)
• TextInput caret becomes visible on non-focused TextInputs on resize. TextInput caret becomes visible on non-focused TextInputs on resize (#14091) · microsoft/react-native-windows@84761b7 (github.com)
• Fix focus visuals being obscured by adjacent views. Fix focus visuals being obscured by adjacent views (#14093) · microsoft/react-native-windows@b8d22a9 (github.com)
• Implements onShow event for Modal and fixes positioning. Fix Modal position, disable input to parent hwnd, and add onShow event (#00000) · microsoft/react-native-windows@83ac05d (github.com)
• Implement cursor property. Implement cursor property (#14141) · microsoft/react-native-windows@f4dd6f9 (github.com)
• Implements onDismiss for Modal and removes titlebar. Implement onDismiss for Modal and remove titlebar (#14126) · microsoft/react-native-windows@d7b4b48 (github.com)
• Views with keyUpEvents/keyDownEvents set on them should form a stacking context. Views with keyUpEvents/keyDownEvents set on them should form a stacking context (#14090) · microsoft/react-native-windows@d2ae666 (github.com)
• Add ability to override UpdateLayoutMetrics and VisualToMountChildrenInto. Add ability to override UpdateLayoutMetrics and VisualToMountChildrenInto (#14182) · microsoft/react-native-windows@91ad48e (github.com)
• Implement ISelectionProvider and ISelectionItemProvider. Implement ISelectionProvider and ISelectionItemProvider (#14019) · microsoft/react-native-windows@3388c98 (github.com)