Flipper is a platform for debugging iOS, Android and React Native apps. Visualize, inspect, and control your apps from a simple desktop interface. Use Flipper as is or extend it using the plugin API.
Flipper is a great tool for debugging our app. It lets us use debug breakpoints, inspect React components, debug navigation events, measure performance, and much more.
Description of some plugins that we use in Flipper, and what their use case is.
- Layout plugin
For inspecting the native view elements - Crash reporter plugin
For inspecting crash events - Logs plugin
View logs on the device level - Network plugin
For inspecting network logs - Shared preferences plugin
For inspecting and modifying your app's shared preferences - Hermes debugger plugin
View console logs, use debug breakpoints, memory and CPU profiling - React DevTools plugin
For inspecting React components, and profiling render performance - React Navigation plugin
For debugging navigation events in React Navigation - RN Perf monitor plugin
For measuring FPS performance on native and UI layer - Async Storage Advanced
For viewing and editing data in async storage
There are many other plugins for Flipper that may be used as well. Feel free to try them out and add doc here if they seem useful.