microsoft / microsoft/react-native-windows-samples

Upgrade Calculator C# to 0.80.x dependencies

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

@HariniMalothu17 is already working on this.

Since Aug 25, 2025.

enhancement
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# 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 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.

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.