React Native WebGPU sample app

Sample app that shows how to use React Native implementation of WebGPU using Dawn. This sample is based on @wcandillon's example app.

Webgpu App

To run the webgpu app you first need to build Dawn or download the prebuilt binaries.

From there you will be able to run the example app properly.

Steps to run the app:

yarn install
yarn pod:install:ios
yarn build:ios
xed ios

Select your development team in Xcode.

yarn ios

Troubleshooting

iOS

To run the React Native WebGPU project on the iOS simulator, you need to disable the Metal validation API. In "Edit Scheme," uncheck "Metal Validation."

Known issues

Something's wrong with react-native build-ios configuration, as it fails to autoinstall Pods. Workaround for now is to disable automaticPodsInstallation in react-native.config.js and run yarn pod:install:ios manually

Keep @react-native-community/cli at v15 due to facebook/metro#1453 (comment)

Downloading Dawn

Download the prebuilt binaries from GitHub. You need to have the Github CLI installed:

yarn
yarn download-artifacts
yarn copy-artifacts

Alternatively you can also download the prebuilt binaries here.