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

Improving the developer feedback loop with specialized tools
03:16 MIN

Improving the developer feedback loop with specialized tools

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

The origin story of the Polypane developer browser
05:28 MIN

The origin story of the Polypane developer browser

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Technical challenges of shipping a cross-platform browser
09:38 MIN

Technical challenges of shipping a cross-platform browser

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Recreating React components using AI and dev tools
04:56 MIN

Recreating React components using AI and dev tools

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

Ensuring accurate testing across different browsers and devices
07:12 MIN

Ensuring accurate testing across different browsers and devices

Developer Time Is Valuable - Use the Right Tools - Kilian Valkhof

Why you might not need JavaScript for everything
02:33 MIN

Why you might not need JavaScript for everything

WeAreDevelopers LIVE – You Don’t Need JavaScript, Modern CSS and More

The role of a freelancer integrated within a team
01:53 MIN

The role of a freelancer integrated within a team

WeAreDevelopers LIVE – AI, Freelancing, Keeping Up with Tech and More

How a broken frontend culture impacts the web
04:02 MIN

How a broken frontend culture impacts the web

WeAreDevelopers LIVE – Frontend Inspirations, Web Standards and more

Featured Partners

Related Videos

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

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

Interface Contracts in Microfrontend Architectures54:39

Interface Contracts in Microfrontend Architectures

Alexander Günsche

Snappy UI needs no Single-Page Application40:24

Snappy UI needs no Single-Page Application

Clemens Helm

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

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

Igor Minar & Natalia Venditto

Fighting test flakiness with time machines50:28

Fighting test flakiness with time machines

Filip Hric

Microfrontends at Scale43:20

Microfrontends at Scale

Josh Goldberg

Challenges of building React and React Native apps24:10

Challenges of building React and React Native apps

Milica Aleksic & Stefan Nikolic

Front-End Micro Apps35:17

Front-End Micro Apps

Serg Hospodarets

Related Articles

View all articles
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

From learning to earning

Jobs that call for the skills explored in this talk.