Skip to content

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

@HariniMalothu17

Description

@HariniMalothu17

⚠️ 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.

Metadata

Metadata

Labels

Workstream: Gallery and SamplesHave useful samples of RNW app and library projects to help developers.enhancementNew feature or request

Type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions