microsoft / microsoft/react-native-windows-samples

Upgrade Calculator C++/WinRT to 0.80.x dependencies

Open
#1,082 0 comments 0 reactions 1 assignee View on GitHub

@HariniMalothu17 is already working on this.

Since Aug 25, 2025.

enhancement Workstream: Gallery and Samples
Dominant language
C#
Stars
544
Forks
218
PR merge metrics
No merged PRs in 30d

Description

⚠️ Copilot Instructions (Read Carefully)

You MUST follow the description in this issue EXACTLY as written.

  • Do not paraphrase, reinterpret, summarize, or add anything extra.
  • Preserve all wording, formatting, code blocks, commands, and file names verbatim.
  • If the description includes a README or steps, use it literally.
  • Do not auto-complete or generate additional “helpful” suggestions.
  • If something is unclear, stop and use exactly what is written — do not guess.

👇 The full description starts here. Copy and follow it exactly:


⚠️ Copilot: Do not paraphrase or reinterpret. Use the following content verbatim.

Do not re-interpret or suggest alternatives.

Upgrade the Calculator C++/WinRT sample to use React Native Windows 0.80.x dependencies, ensuring the app builds and runs correctly

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.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.