WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2022 • Jun 15, 2022

Headless Flipper - embeddable mobile devtools for your CI and beyond

Andrey Goncharov

Break your mobile devtools out of the local UI constraints. Discover how Flipper's headless architecture turns mobile debugging into a programmable backend service for automated CI pipelines.

Pause
Mute Enter Fullscreen
#1 about 6 min

Overview of Flipper as a debugging platform

Flipper acts as a device discovery service and message bus for debugging mobile and hardware applications.

#2 about 7 min

Cross-platform plugin architecture and device communication

Writing a single desktop user interface allows cross-platform reuse across various mobile device clients via websocket connections.

#3 about 3 min

Extending debugging with specialized custom plugins

Custom plugins enable real-time tracking of complex application state, automated screen navigation, and hardware event simulation.

#4 about 6 min

Addressing Electron monolith limitations with headless architecture

Separating the user interface into a web application solves remote development challenges and allows embedding Flipper anywhere.

#5 about 4 min

Extracting plugin state for command-line access

Relocating plugin state from the visual interface to a shared node process enables interaction strictly through scripts and terminal commands.

#6 about 4 min

Walkthrough of building a headless-compatible plugin

A tic-tac-toe application demonstrates how to separate core logic and state computation from the frontend.

#7 about 3 min

Exposing the plugin API for terminal interaction

Wrapping plugin functions exposes a remote procedure call interface that handles JSON messages directly from standard command-line tools.

#8 about 5 min

Utilizing headless Flipper for verification and testing

Exposing state and UI automation tasks inside a continuous integration pipeline improves design verification and simplifies test debugging.

Matching moments

57 sec

Debugging and analyzing native applications with Flipper

Milica Aleksic Milica Aleksic +1 · World Congress 2022

3:23 min

Visualizing and inspecting application state with Flipper

Dmitry Vinnik · LIVE

57 sec

Mastering advanced browser developer tools for deeper JavaScript debugging

Chris Heilmann Chris Heilmann +2 · LIVE

13:09 min

Answering questions on micro-frontend adoption and tooling

Luca Mezzalira Luca Mezzalira · JS Congress

3:43 min

Evolution of web platform features and native capabilities

Lucien Immink · World Congress 2023

48 sec

Exploring alternative build tools and experimental web components

Sasha Shynkevich · LIVE

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
about 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail
1:01:15
over 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail
31:12
over 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail
28:11
over 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail
42:53
over 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail
26:46
over 4 years ago

Keep your code refactorable

Gerrit Stapper

Related videos

Hands-on React Native: From Zero to Hero thumbnail
39:42
LIVE • almost 5 years ago

Hands-on React Native: From Zero to Hero

Dmitry Vinnik

Destructuring Frontend monoliths with MicroFrontends thumbnail
41:49
JS Congress • almost 5 years ago

Destructuring Frontend monoliths with MicroFrontends

Trishul Goel

Prompt, Render, Debug: AI-Powered React Development with Chrome DevTools thumbnail
23:29
World Congress 2026 Europe • 3 months ago

Prompt, Render, Debug: AI-Powered React Development with Chrome DevTools

Suchitra Swain

Challenges of building React and React Native apps thumbnail
24:10
World Congress 2022 • over 4 years ago

Challenges of building React and React Native apps

Milica Aleksic, Stefan Nikolic

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
LIVE • 9 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

Multiple Ships to the Island - Micro Frontends & Island Architectures thumbnail
59:03
LIVE • over 2 years ago

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.