Skip to content
Defrost Logo Defrost Logo De-frost

Introduction

Welcome to De-frost 🚀

De-frost is a powerful npm package to help you detect and analyze frozen frames in your mobile application. This package provides tools for extracting frozen frame data, recording React commit information, and visualizing the data in an interactive dashboard.

✨ Key Features

  • Frame Extraction:: Extracts frozen frame data during your mobile app’s runtime.
  • React Commit Tracking:: Tracks React commit data for each rendered frame.
  • Data Recording:: Records frame data and React information in CSV format.
  • Visualization Dashboard: View all extracted data in a comprehensive web dashboard.
  • Custom Logs: add custom logs and visualize on dashboard.
  • Supports New Architecture: Fully compatible with TurboModules and Fabric.

Interactive Performance Dashboard

Visualize app’s performance data like never before with our feature-packed De-frost Dashboard. Here’s a quick look at what it offers:

De-frost Dashboard

To know more about the dashboard, check out the Visualization guide.

Roadmap

De-frost is under active development! Expect a lot of new features to appear soon🔥

  • Transition the timer thread to C++.
  • Improve Dashboard
  • Provide example scenarios for frozen frames.
  • Obtain more detailed data regarding frozen frames.

👉 Ready to supercharge your React Native app’s performance? Check out the Quick Start guide!