Skip to content

Upgrade Calculator/fabric sample to RNW 0.83.0 #1241

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sundaramramaswamy merged 1 commit into from
May 29, 2026
Merged

Upgrade Calculator/fabric sample to RNW 0.83.0 #1241

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion samples/Calculator/fabric/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

This sample showcases the usage of React Native for Windows to build a simple calculator that is hosted on the experimental [Fabric rendering system](https://github.com/microsoft/react-native-windows/issues/12042).

Currently this samples targets RNW 0.79
Currently this samples targets RNW 0.83

### Setup
First, make sure you've met the [React Native Windows System Requirements](https://microsoft.github.io/react-native-windows/docs/rnw-dependencies).
Expand Down
1,245 changes: 523 additions & 722 deletions samples/Calculator/fabric/package-lock.json
View file
Open in desktop

Large diffs are not rendered by default.

20 changes: 10 additions & 10 deletions samples/Calculator/fabric/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,11 @@
"test:windows": "jest --config jest.config.windows.js"
},
"dependencies": {
"@react-native/new-app-screen": "0.81.5",
"react": "19.1.1",
"react-native": "0.82.1",
"@react-native/new-app-screen": "0.83.4",
"react": "19.2.0",
"react-native": "0.83.4",
"react-native-safe-area-context": "^5.5.2",
"react-native-windows": "^0.82.0"
"react-native-windows": "^0.83.0"
},
"devDependencies": {
"@babel/core": "^7.25.2",
Expand All @@ -25,17 +25,17 @@
"@react-native-community/cli": "20.0.0",
"@react-native-community/cli-platform-android": "20.0.0",
"@react-native-community/cli-platform-ios": "20.0.0",
"@react-native/babel-preset": "0.81.5",
"@react-native/eslint-config": "0.81.5",
"@react-native/metro-config": "0.81.5",
"@react-native/typescript-config": "0.81.5",
"@react-native/babel-preset": "0.83.4",
"@react-native/eslint-config": "0.83.4",
"@react-native/metro-config": "0.83.4",
"@react-native/typescript-config": "0.83.4",
"@types/jest": "^29.5.13",
"@types/react": "^19.1.0",
"@types/react": "^19.2.0",
"@types/react-test-renderer": "^19.1.0",
"eslint": "^8.19.0",
"jest": "^29.6.3",
"prettier": "2.8.8",
"react-test-renderer": "19.1.0",
"react-test-renderer": "19.2.0",
"typescript": "^5.8.3",
"@rnx-kit/jest-preset": "^0.1.17"
},
Expand Down
3 changes: 3 additions & 0 deletions samples/Calculator/fabric/tsconfig.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,8 @@
{
"extends": "@react-native/typescript-config",
"compilerOptions": {
"types": ["jest"],
},
"include": ["**/*.ts", "**/*.tsx"],
"exclude": ["**/node_modules", "**/Pods"]
}
108 changes: 107 additions & 1 deletion samples/Calculator/fabric/windows/CalculatorFabric.Package/packages.lock.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,34 @@
"Microsoft.WindowsAppSDK.WinUI": "[1.8.260204000]"
}
},
"boost": {
"type": "Transitive",
"resolved": "1.84.0",
"contentHash": "4el2YP3cNJDVFPdzOso+LxGvdWP2rHxML4siq8VdonNypW2m4q503tHfCj6vK0L1UfxioE2hpFGb4ITEua73tg=="
},
"Microsoft.JavaScript.Hermes": {
"type": "Transitive",
"resolved": "0.0.0-2604.21001-94aa5e1d",
"contentHash": "8eHA3O043jIeK7E1gJbzgsdujaDTIBwLSl6pZj7CdQl+ryFqaW88XVU9ogWJPxk5lR2T4cU/OlEJfZynqoyYew=="
},
"Microsoft.ReactNative": {
"type": "Transitive",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.ReactNative.Cxx": {
"type": "Transitive",
"resolved": "0.83.0",
"contentHash": "yK3kg5vyUJzpFGRJ6pVHP9dtHSpOKS9ikIAcz/9Qe4HRV5GtWissfm27f+xtolLN+DfNJ5nIT7ZXTM/cx5xjXQ==",
"dependencies": {
"Microsoft.ReactNative": "0.83.0"
}
},
"Microsoft.VCRTForwarders.140": {
"type": "Transitive",
"resolved": "1.0.2-rc",
"contentHash": "/r+sjtEeCIGyDhobIZ5hSmYhC/dSyGZxf1SxYJpElUhB0LMCktOMFs9gXrauXypIFECpVynNyVjAmJt6hjJ5oQ=="
},
"Microsoft.Web.WebView2": {
"type": "Transitive",
"resolved": "1.0.3179.45",
Expand Down Expand Up @@ -114,10 +142,28 @@
}
},
"calculatorfabric": {
"type": "Project"
"type": "Project",
"dependencies": {
"Microsoft.JavaScript.Hermes": "[0.0.0-2604.21001-94aa5e1d, )",
"Microsoft.ReactNative": "[0.83.0, )",
"Microsoft.ReactNative.Cxx": "[0.83.0, )",
"Microsoft.VCRTForwarders.140": "[1.0.2-rc, )",
"Microsoft.WindowsAppSDK": "[1.8.260209005, )",
"boost": "[1.84.0, )"
}
}
},
"UAP,Version=v10.0.17763/win10-arm": {
"Microsoft.ReactNative": {
"type": "Transitive",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.VCRTForwarders.140": {
"type": "Transitive",
"resolved": "1.0.2-rc",
"contentHash": "/r+sjtEeCIGyDhobIZ5hSmYhC/dSyGZxf1SxYJpElUhB0LMCktOMFs9gXrauXypIFECpVynNyVjAmJt6hjJ5oQ=="
},
"Microsoft.Web.WebView2": {
"type": "Transitive",
"resolved": "1.0.3179.45",
Expand All @@ -134,6 +180,16 @@
}
},
"UAP,Version=v10.0.17763/win10-arm-aot": {
"Microsoft.ReactNative": {
"type": "Transitive",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.VCRTForwarders.140": {
"type": "Transitive",
"resolved": "1.0.2-rc",
"contentHash": "/r+sjtEeCIGyDhobIZ5hSmYhC/dSyGZxf1SxYJpElUhB0LMCktOMFs9gXrauXypIFECpVynNyVjAmJt6hjJ5oQ=="
},
"Microsoft.Web.WebView2": {
"type": "Transitive",
"resolved": "1.0.3179.45",
Expand All @@ -150,6 +206,16 @@
}
},
"UAP,Version=v10.0.17763/win10-arm64-aot": {
"Microsoft.ReactNative": {
"type": "Transitive",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.VCRTForwarders.140": {
"type": "Transitive",
"resolved": "1.0.2-rc",
"contentHash": "/r+sjtEeCIGyDhobIZ5hSmYhC/dSyGZxf1SxYJpElUhB0LMCktOMFs9gXrauXypIFECpVynNyVjAmJt6hjJ5oQ=="
},
"Microsoft.Web.WebView2": {
"type": "Transitive",
"resolved": "1.0.3179.45",
Expand All @@ -166,6 +232,16 @@
}
},
"UAP,Version=v10.0.17763/win10-x64": {
"Microsoft.ReactNative": {
"type": "Transitive",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.VCRTForwarders.140": {
"type": "Transitive",
"resolved": "1.0.2-rc",
"contentHash": "/r+sjtEeCIGyDhobIZ5hSmYhC/dSyGZxf1SxYJpElUhB0LMCktOMFs9gXrauXypIFECpVynNyVjAmJt6hjJ5oQ=="
},
"Microsoft.Web.WebView2": {
"type": "Transitive",
"resolved": "1.0.3179.45",
Expand All @@ -182,6 +258,16 @@
}
},
"UAP,Version=v10.0.17763/win10-x64-aot": {
"Microsoft.ReactNative": {
"type": "Transitive",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.VCRTForwarders.140": {
"type": "Transitive",
"resolved": "1.0.2-rc",
"contentHash": "/r+sjtEeCIGyDhobIZ5hSmYhC/dSyGZxf1SxYJpElUhB0LMCktOMFs9gXrauXypIFECpVynNyVjAmJt6hjJ5oQ=="
},
"Microsoft.Web.WebView2": {
"type": "Transitive",
"resolved": "1.0.3179.45",
Expand All @@ -198,6 +284,16 @@
}
},
"UAP,Version=v10.0.17763/win10-x86": {
"Microsoft.ReactNative": {
"type": "Transitive",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.VCRTForwarders.140": {
"type": "Transitive",
"resolved": "1.0.2-rc",
"contentHash": "/r+sjtEeCIGyDhobIZ5hSmYhC/dSyGZxf1SxYJpElUhB0LMCktOMFs9gXrauXypIFECpVynNyVjAmJt6hjJ5oQ=="
},
"Microsoft.Web.WebView2": {
"type": "Transitive",
"resolved": "1.0.3179.45",
Expand All @@ -214,6 +310,16 @@
}
},
"UAP,Version=v10.0.17763/win10-x86-aot": {
"Microsoft.ReactNative": {
"type": "Transitive",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.VCRTForwarders.140": {
"type": "Transitive",
"resolved": "1.0.2-rc",
"contentHash": "/r+sjtEeCIGyDhobIZ5hSmYhC/dSyGZxf1SxYJpElUhB0LMCktOMFs9gXrauXypIFECpVynNyVjAmJt6hjJ5oQ=="
},
"Microsoft.Web.WebView2": {
"type": "Transitive",
"resolved": "1.0.3179.45",
Expand Down
50 changes: 25 additions & 25 deletions samples/Calculator/fabric/windows/CalculatorFabric/packages.lock.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,29 +4,29 @@
"native,Version=v0.0": {
"boost": {
"type": "Direct",
"requested": "[1.83.0, )",
"resolved": "1.83.0",
"contentHash": "cy53VNMzysEMvhBixDe8ujPk67Fcj3v6FPHQnH91NYJNLHpc6jxa2xq9ruCaaJjE4M3YrGSHDi4uUSTGBWw6EQ=="
"requested": "[1.84.0, )",
"resolved": "1.84.0",
"contentHash": "4el2YP3cNJDVFPdzOso+LxGvdWP2rHxML4siq8VdonNypW2m4q503tHfCj6vK0L1UfxioE2hpFGb4ITEua73tg=="
},
"Microsoft.JavaScript.Hermes": {
"type": "Direct",
"requested": "[0.0.0-2512.22001-bc3d0ed7, )",
"resolved": "0.0.0-2512.22001-bc3d0ed7",
"contentHash": "aMuCKrIwkCAnT56+oKqmxgfIaAHlKRVt8IiG/jtMbG01QH1mLPwL7wP89jRMsYSJzikW96trqgpUllZZa3O+Qw=="
"requested": "[0.0.0-2604.21001-94aa5e1d, )",
"resolved": "0.0.0-2604.21001-94aa5e1d",
"contentHash": "8eHA3O043jIeK7E1gJbzgsdujaDTIBwLSl6pZj7CdQl+ryFqaW88XVU9ogWJPxk5lR2T4cU/OlEJfZynqoyYew=="
},
"Microsoft.ReactNative": {
"type": "Direct",
"requested": "[0.82.1, )",
"resolved": "0.82.1",
"contentHash": "Em5CfI56w+Wd0nCXNcnf98IG13Q0nO1liModds+6BVKM5cZtpaOPX4yByC31oDyjj79vGq6qbDtKXeWDdeb9eA=="
"requested": "[0.83.0, )",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.ReactNative.Cxx": {
"type": "Direct",
"requested": "[0.82.1, )",
"resolved": "0.82.1",
"contentHash": "e4GfpxUkQaDPySuz7tGmENV8pRvTFNPFlCnMmuMWOjueLRCF3+pJc565N/60L/qWd789va3BwGqn52uhF05diQ==",
"requested": "[0.83.0, )",
"resolved": "0.83.0",
"contentHash": "yK3kg5vyUJzpFGRJ6pVHP9dtHSpOKS9ikIAcz/9Qe4HRV5GtWissfm27f+xtolLN+DfNJ5nIT7ZXTM/cx5xjXQ==",
"dependencies": {
"Microsoft.ReactNative": "0.82.1"
"Microsoft.ReactNative": "0.83.0"
}
},
"Microsoft.VCRTForwarders.140": {
Expand Down Expand Up @@ -156,9 +156,9 @@
"native,Version=v0.0/win": {
"Microsoft.ReactNative": {
"type": "Direct",
"requested": "[0.82.1, )",
"resolved": "0.82.1",
"contentHash": "Em5CfI56w+Wd0nCXNcnf98IG13Q0nO1liModds+6BVKM5cZtpaOPX4yByC31oDyjj79vGq6qbDtKXeWDdeb9eA=="
"requested": "[0.83.0, )",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.VCRTForwarders.140": {
"type": "Direct",
Expand All @@ -184,9 +184,9 @@
"native,Version=v0.0/win-arm64": {
"Microsoft.ReactNative": {
"type": "Direct",
"requested": "[0.82.1, )",
"resolved": "0.82.1",
"contentHash": "Em5CfI56w+Wd0nCXNcnf98IG13Q0nO1liModds+6BVKM5cZtpaOPX4yByC31oDyjj79vGq6qbDtKXeWDdeb9eA=="
"requested": "[0.83.0, )",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.VCRTForwarders.140": {
"type": "Direct",
Expand All @@ -212,9 +212,9 @@
"native,Version=v0.0/win-x64": {
"Microsoft.ReactNative": {
"type": "Direct",
"requested": "[0.82.1, )",
"resolved": "0.82.1",
"contentHash": "Em5CfI56w+Wd0nCXNcnf98IG13Q0nO1liModds+6BVKM5cZtpaOPX4yByC31oDyjj79vGq6qbDtKXeWDdeb9eA=="
"requested": "[0.83.0, )",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.VCRTForwarders.140": {
"type": "Direct",
Expand All @@ -240,9 +240,9 @@
"native,Version=v0.0/win-x86": {
"Microsoft.ReactNative": {
"type": "Direct",
"requested": "[0.82.1, )",
"resolved": "0.82.1",
"contentHash": "Em5CfI56w+Wd0nCXNcnf98IG13Q0nO1liModds+6BVKM5cZtpaOPX4yByC31oDyjj79vGq6qbDtKXeWDdeb9eA=="
"requested": "[0.83.0, )",
"resolved": "0.83.0",
"contentHash": "hzy2GvNmntJnhTfRYcr4e0o/gNE13tybN7yD+u+svW1UNcL8ctCVnCkQrKdlyVQLYWcwlIILoQXhkI3Wnr0ArQ=="
},
"Microsoft.VCRTForwarders.140": {
"type": "Direct",
Expand Down
Loading
Loading