Quick Start

Installation

1. Add de-frost to project.

   • yarn
   • npm

   1
   yarn add @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
   • npm

   1
   yarn 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
   • npm

   1
   yarn 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
   • npm

   1
   yarn 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.