Hacking React Native DevTools and Building a Plugin Framework

Explore the inner workings of React Native DevTools through reverse engineering and learn to build a comprehensive plugin framework in this 20-minute conference talk from React Advanced London. Discover how React Native DevTools are structured internally and master techniques for extending their functionality without forking or modifying core code. Learn to identify injection points within the DevTools architecture and understand the reverse-engineering process that enables safe extensibility. Master the design principles behind creating a plugin-based approach that supports embedded React-based user interfaces within DevTools environments. Understand how sandboxed execution provides safety guarantees while enabling powerful extensibility options. Gain insights into the trade-offs involved in developer tooling architecture and learn practical lessons from transforming experimental concepts into production-ready plugin frameworks. Perfect for React Native developers, tool builders, and anyone interested in understanding how developer tooling can be architected and extended beyond its original limitations.