Quick Start

Installation

1. Add de-frost to project.

yarn

yarn add @d11/de-frost

npm

npm install @d11/de-frost

2. Prepare Your Android Device - Follow the steps outlined in the Setup Guide to enable USB Debugging, Profile HWUI Rendering, and verify ADB connection.

3. You start by generating an APK that has React commit tracking code added:

yarn

yarn de-frost create-build -f Staging -v Release

npm

npx de-frost create-build -f Staging -v Release

Here -f is an optional flag.

4. Once the APK is ready, installed on your device and all permissions given, you can begin recording frame and React commit data

yarn

yarn de-frost record -p com.example.myapp

npm

npx de-frost record -p com.example.myapp

This will start recording and will dump the data into the data folder.

5. Finally, you can open the web dashboard to analyze the data and identify any potential frozen frames.

yarn

yarn de-frost show-dashboard -d ./data

npm

npx de-frost show-dashboard -d ./data

🎉 Yeah! Your app frames data is collected. Now leverage the de-frost panel to track the frames of your app.