Jun 08, 2021

ELI5: Flipper - Cross-Platform Debugger

cover

By Dmitry Vinnik

Originally posted here.

In this blog post, we briefly look at a popular open source project called Flipper, an extensible mobile app debugger for iOS, Android and React Native. We discuss this open source project using the ELI5 style of explaining things in simple terms and in the shortest amount of time.

If you prefer to learn by watching, we also have an accompanying video about Flipper on our Facebook Open Source YouTube channel.

Why Flipper?

Mobile developers know that debugging is one of the most challenging and lengthy tasks they have to perform each day. Finding and resolving bugs in cross-platform environments like Android or iOS become even more difficult since each platform has its own unique setup, workflow, emulators, and more.

These challenges of dealing with multiple mobile ecosystems are why Facebook created Flipper.

Watch the video

Flipper is an open source platform for debugging iOS, Android, and React Native apps. This debugger lets you visualize, inspect, and control your apps from a desktop interface.

Flipper acts as a toolkit for any mobile developer who needs to debug an application. This debugging platform has tools like a log viewer, an interactive layout inspector, and a network inspector.

Another great feature of Flipper is its extensibility. This project was built as a platform because we wanted our community to extend the project's existing functionalities and create new ones through a plugin API.

Where is it used?

Flipper was open sourced in early 2018. Here at Facebook, we use Flipper extensively with many plugins developed for use cases like setting up mobile builds or collecting crash analytics.

While frameworks like React Native are shipped with first-class support for Flipper, numerous popular open source projects created Flipper plugins like Redux or Litho.

Where can I learn more?

If you would like to learn more about Flipper, visit their website. It has extensive documentation and tutorials to get you started with the project. If you want to engage with the Flipper community, we invite you to follow their Twitter account.

About the ELI5 series

In a series of short videos (~1 min in length), one of our Developer Advocates on the Facebook Open Source team explains a Facebook open source project in a way that is easy to understand and use.

We will write an accompanying blog post (like the one you're reading right now) for each of these videos, which you can find on our YouTube channel.

To learn more about Facebook Open Source, visit our open source site, subscribe to our YouTube channel, or follow us on Twitter and Facebook.

Interested in working with open source at Facebook? Check out our open source-related job postings on our career page by taking this quick survey.