Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Update Sample Apps package.json to 0.79.2

Đang mở
  • Có gì không ổn?
#1,054 0 bình luận 1 reaction 2 người được giao Xem trên GitHub

@anupriya13 đang làm issue này rồi.

Từ ngày 24/7/2025.

  • #1055 của @copilot-swe-agent — đã đóng, không merge
  • #1056 của @copilot-swe-agent — đã đóng, không merge

Đánh giá

Issue này chưa được đánh giá.

Mô tả

enhancement

Refer this PR and update all package.json for sample apps to 0.79.2 for react-native-windows https://github.com/microsoft/react-native-windows-samples/pull/1041/files#diff-636eeb99b0e95581cba2bea9bd8e2a3b66afd0156aed21581d334d52597ef4df

This diff should be similar to above PR.
Below instructions can help you complete this task:

Calculator C++/WinRT Sample - React Native for Windows

See ../README.md for details of this sample.

See ../csharp/ for a C# version of this sample.

It currently targets React Native Windows 0.79.

Setup

See ../README.md#Setup.

Run

See ../README.md#Run.

Upgrade

To upgrade this sample to the latest version of RNW:

  1. Open a command prompt and navigate to the samples/Calculator folder:

    cd ..

  2. Delete this folder:

    rd /s /q cppwinrt

  3. Create a new React Native app and change version to version you want to upgrade to (replace 'version' with desired version - for latest version, use 'latest'):

    npx @react-native-community/cli@latest init Calculator --template @react-native-community/template@latest --skip-git-init

  4. Add a lockfile to the calculator directory:

    cd Calculator
yarn install

  5. Add Windows support:

    yarn add react-native-windows@latest
npx @react-native-community/cli@latest init-windows --template old/uwp-cpp-app --overwrite

  6. Rename the folder to cppwinrt

    cd ..
ren Calculator cppwinrt

  7. Restore these original app files:

    cd cppwinrt
git restore README.md
git restore App.tsx

  8. Verify the new app builds and runs:

    npx @react-native-community/cli@latest run-windows

  9. Look at the Package.appxmanifast and change the publisher name to "CN=React Native Windows Sample". Revert all changes made to GUID values in the project and solution files.

  10. Update this readme with the new major version at the top.

Calculator C# Sample - React Native for Windows

See ../README.md for details of this sample.

See ../cppwinrt/ for a C++/Winrt version of this sample.

It currently targets React Native Windows 0.79.

Setup

See ../README.md#Setup.

Run

See ../README.md#Run.

Upgrade

To upgrade this sample to the latest version of RNW:

  1. Open a command prompt and navigate to the samples/Calculator folder:

    cd ..

  2. Delete this folder:

    rd /s /q csharp

  3. Create a new React Native app and change version to version you want to upgrade to (replace 'version' with desired version - for latest version, use 'latest'):

    npx @react-native-community/cli@latest init Calculator --template @react-native-community/template@latest --skip-git-init

  4. Add yarn.lock file to app directory (otherwise yarn add react-native-windows@latest will throw an error)

  5. Add Windows support:

    cd Calculator
yarn add react-native-windows@latest
npx @react-native-community/cli@latest init-windows --template old/uwp-cs-app --overwrite

  6. Rename the folder to csharp

    cd ..
ren Calculator csharp

  7. Restore these original app files:

    cd csharp
git restore README.md
git restore App.tsx

  8. Verify the new app builds and runs:

    npx @react-native-community/cli@latest run-windows

  9. Look at the Package.appxmanifast and change the publisher name to "CN=React Native Windows Sample". Revert all changes made to GUID values in the project and solution files.

  10. Update this readme with the new major version at the top.

CalculatorExperimental - React Native for Windows

This sample showcases the usage of React Native for Windows to build a simple calculator that is hosted on the experimental Fabric rendering system.

Currently this samples targets RNW 0.79

Setup

First, make sure you've met the React Native Windows System Requirements.

Then, within this folder, install the applications's dependencies. If you have yarn installed:

yarn install

Otherwise, you can just use npm:

npm install
Run

Once you have all of the dependencies installed, you can run the application with the following command:

npx @react-native-community/cli@latest run-windows

The command will:

  • Build the application and all dependencies
  • Deploy the application
  • Launch the React Native Server and Debugger
  • Launch the application
Upgrade

To upgrade this sample to the latest version of RNW:

  1. Open a command prompt and navigate to the samples folder:

    cd ..

  2. Delete this folder:

    rd /s /q fabric

  3. Create a new React Native app and change version to version you want to upgrade to:

        npx --yes @react-native-community/cli@latest init CalculatorFabric --template @react-native-community/template@latest --skip-git-init

  4. Add Windows support:

    cd CalculatorFabric
yarn add react-native-windows@latest
npx @react-native-community/cli init-windows --template cpp-app --overwrite --logging

  5. Rename the folder to fabric

    cd ..
ren CalculatorFabric fabric

  6. Restore README.md and App.tsx

    cd fabric
git restore App.tsx
git restore README.md

  7. Verify App runs

    npx @react-native-community/cli@latest run-windows

  8. Look at the Package.appxmanifast and change the publisher name to "CN=React Native Windows Sample". Revert all changes made to GUID values in the project and solution files.

  9. Update this file to the current version of the App

Native Module C++ Sample - React Native for Windows

See ../README.md for more details of this sample.

Note: Don't build your own projects directly out of this sample. When you publish a native module (as source), you'll want to create a new project with the correct metadata. This will also make sure that you're using unique identifiers in your project files to avoid conflicts with other native modules.

Setup

First, make sure you've met the React Native Windows System Requirements.

Then, install the module's dependencies with yarn and build the TypeScript:

yarn install
yarn prepare
Run

To run the example app (targeting the New Architecture) and see that the module works:

yarn example windows

Alternatively, to run the old example app (targeting the Old Architecture) and see that the module works:

yarn example-old windows
Upgrade

First run the Setup steps above. Then run the UpgradeSmokeTest.ps1 script with the target RNW version (usually latest):

..\..\..\.github\scripts\UpgradeSmokeTest.ps1 latest $True $True $True

Then call the following to update the JS and codegen with:

yarn prepare
yarn codegen-windows

Finally, build and verify both example apps as per the Run steps above. If both apps work without issue, then go ahead and submit the PR with your changes.

Ngôn ngữ chính
C#
Star
544
Fork
218
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

  • Có Dockerfile hoặc tệp Docker Compose
  • Có mẫu pull request
  • Không có hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của microsoft/react-native-windows-samples

Tất cả issue của microsoft/react-native-windows-samples

Issue tương tự

Thêm issue về C#

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.