A simple tool to track UI recompositions in real-time for Jetpack Compose. This project allows you to visualize and measure how often your components are recomposed, helping you optimize your UI and understand performance bottlenecks.
Inspired by React Scanner, this tool shows which composables are being recomposed and how often, with a live count and visual feedback.
- Real-time recomposition tracking: See when and how your composables are recomposed.
- Live recomposition count: Each component that gets recomposed shows how many times it has been recomposed.
- Visual feedback: Components that are recomposed are outlined with a red border, and their recomposition count is displayed.
Screen.Recording.2024-11-15.at.10.25.13.PM.mov
This tool uses the Modifier.trackRecompositions()
to track recompositions. When a recomposition occurs, the component will display a red border, and the recomposition count will update.
You can customize the trackRecompositions()
modifier to track different UI components in your app and use this tool to debug and optimize your Jetpack Compose UI.
If you’d like to contribute to this project, feel free to open issues, submit pull requests, or suggest new features. Here's how you can contribute:
- Fork the repository.
- Create a new branch for your feature or fix.
- Make your changes.
- Submit a pull request.