- Have fun.
- Don't waste anyone's time.
- Fork & clone the repository
- Install dependencies
Read the READMEs in android/
and ios/
for a quick overview of the native development workflow.
You can also open React Native Mediapipe in a quick online editor (github1s)
- Open the entire folder in Visual Studio Code
- Start the metro bundler in the
examples/objectdetection
directory usingyarn start
- Run either the iOS
yarn ios
or Androidyarn android
project to test changes
- Open the
react-native-mediapipe/examples/objectdetection/ios/objectdetection.xcworkspace
file with Xcode - Change signing configuration to your developer account
- Select your device in the devices drop-down
- Hit run
- Open the
examples/objectdetection/android
folder with Android Studio - Start the metro bundler in the
example/
directory usingyarn start
- Select your device in the devices drop-down
- Once your device is connected, make sure it can find the metro bundler's port:
adb reverse tcp:8081 tcp:8081
- Hit run
- Edit the relevant file, it may be easiest to search for what you're editing to find the right file
- Install all dependencies by running
yarn
inside thedocsite
folder
Run
yarn start
to generate the docs, you can then view them in your browser to confirm your changes
Great code produces great products. That's why we love to keep our codebases clean, and to achieve that, we use linters and formatters which output errors when something isn't formatted the way we like it to be.
Before pushing your changes, you can verify that everything is still correctly formatted by running all linters:
yarn typecheck
yarn lint
This validates Swift, Kotlin, C++ and JS/TS code:
$ yarn check-all
yarn run v1.22.10
Formatting Swift code..
Linting Swift code..
Linting Kotlin code..
Linting C++ code..
Linting JS/TS code..
All done!
✨ Done in 8.05s.
When creating a pull-request, make sure to use the conventional changelog format for it's title:
- ✨ For new features or enhancements, use
feat
. Example:feat: Support ultra-wide-angle cameras
- 🐛 For bugfixes or build improvements, use
fix
. Example:fix: Fix iOS 13 crash when switching cameras
- 💨 For performance improvements, use
perf
. Example:perf: Improve takePhoto() performance by re-using file-session
- 🛠️ When upgrading dependencies, use
chore(deps)
. Example:chore(deps): Upgrade react-native to 0.70
- 📚 When changing anything in the documentation, use
docs
. Example:docs: Fix typo in installation instructions
Pull-requests will be squash-committed, so no need to prefix your individual commits with the conventional changelog format as long as the commit messages are descriptive.