Andrey Goncharov

Headless Flipper - embeddable mobile devtools for your CI and beyond

What if you could embed mobile devtools directly into your CI pipeline? Learn how Flipper's headless architecture makes it possible.

Headless Flipper - embeddable mobile devtools for your CI and beyond
#1about 5 minutes

An introduction to the Flipper debugging platform

Flipper is an extensible debugging platform for mobile and web apps that uses a plugin architecture to inspect layout, network, and logs.

#2about 9 minutes

Understanding Flipper's powerful plugin architecture

Flipper's architecture separates device-level plugins from application-specific plugins, allowing developers to write complex UI once and reuse it across platforms.

#3about 4 minutes

Why the original Electron monolith limited Flipper

The original monolithic Electron architecture made remote debugging and CI integration difficult, as the server logic was tightly coupled with the UI.

#4about 9 minutes

Decoupling the UI to create a headless server

By splitting Flipper into a separate server and web-based UI, plugin state was moved to the server to enable headless clients via an API.

#5about 1 minute

A command-line demo of the headless Flipper API

A live demo shows how the headless API allows interaction with an application, like playing a game of tic-tac-toe, directly from the terminal.

#6about 4 minutes

Using headless Flipper for automation at Meta

At Meta, headless Flipper is used in CI/CD pipelines for automated UI validation with designers and for debugging failing end-to-end tests.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

Debugging your mobile application with Flipper
03:12 MIN

Debugging your mobile application with Flipper

Hands-on React Native: From Zero to Hero

Essential tools for debugging and testing applications
01:52 MIN

Essential tools for debugging and testing applications

Challenges of building React and React Native apps

Testing and debugging your React Native application
03:16 MIN

Testing and debugging your React Native application

Making the switch from web to mobile development

Exploring the advantages of decoupling your application
05:52 MIN

Exploring the advantages of decoupling your application

Decoupling 101 - Why decouple, when not to, progressive decoupling and success stories in decoupling

Navigating the complexity of performance debugging tools
06:13 MIN

Navigating the complexity of performance debugging tools

WeAreDevelopers LIVE - Rendering in the Browser, The State of CSS and Accessibility and more

The future of browsers, interoperability, and Electron apps
05:04 MIN

The future of browsers, interoperability, and Electron apps

Dev Digest End of Year Recap

A live demonstration of an internal developer platform
07:36 MIN

A live demonstration of an internal developer platform

AI-Augmented DevOps with Platform Engineering

Exploring modern tools for web interaction and analysis
08:03 MIN

Exploring modern tools for web interaction and analysis

WeAreDevelopers LIVE - the weekly developer show with Chris Heilmann and Daniel Cranney

Featured Partners

Related Videos

See all videos
Microfrontends at Scale43:20

Microfrontends at Scale

Josh Goldberg

Front-End Micro Apps35:17

Front-End Micro Apps

Serg Hospodarets

Interface Contracts in Microfrontend Architectures54:39

Interface Contracts in Microfrontend Architectures

Alexander Günsche

Multiple Ships to the Island - Micro Frontends & Island Architectures59:03

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

Web-Fragments: incremental micro-frontends migration approach for enterprise32:17

Web-Fragments: incremental micro-frontends migration approach for enterprise

Igor Minar & Natalia Venditto

Snappy UI needs no Single-Page Application40:24

Snappy UI needs no Single-Page Application

Clemens Helm

Challenges of building React and React Native apps24:10

Challenges of building React and React Native apps

Milica Aleksic & Stefan Nikolic

Fighting test flakiness with time machines50:28

Fighting test flakiness with time machines

Filip Hric

Related Articles

View all articles
DC
Daniel Cranney
Why Attend a Developer Event?
Modern software engineering moves too fast for documentation alone. Attending a world-class event is about shifting from tactical execution to strategic leadership. Skill Diversification: Break out of your specific tech stack to see how the industry...
Why Attend a Developer Event?
DC
Daniel Cranney
Dev Digest 152: Chrome Extensions Hack, CSS Spy Sheets, Deepseek OSS AI
Inside last week’s Dev Digest 152 . 🐋 DeepSeek - a new rising star open source model 🖐 Using CSS to fingerprint browsers and email clients 🧠 Things you should know about accessibility 🤷‍♂️ What do you when you messed up in Git 📍 Cloudflare security ...
Dev Digest 152: Chrome Extensions Hack, CSS Spy Sheets, Deepseek OSS AI
DC
Daniel Cranney
Dev Digest 188: CfP time, the risks of NPM and IKEA algorithms
Inside last week’s Dev Digest 188 . 🤖 GitHub Copilot CLI is now in public review 💻 Microsoft is bringing ‘vibe working’ to office apps 🎣 Attackers abuse AI tools to generate captchas in fishing attacks ⚠️ When LLMs autonomously attack 🧠 Common cause...
Dev Digest 188: CfP time, the risks of NPM and IKEA algorithms

From learning to earning

Jobs that call for the skills explored in this talk.