Figment: React Component Finder for Chrome
Figment is a Chrome extension designed to aid in quickly locating rendered React components. It is specifically tailored to work with sites running a development build of React on localhost. The tool offers a simple workflow: activate it by clicking the toolbar icon or using the hotkey combination (alt-f or ⌥-f), then hover over the page to visualize components outlined in red.
Furthermore, Figment allows users to interact with the outlined components by clicking on them to reveal more information and potentially accessing code links for further exploration. This extension simplifies the process of identifying and examining React components within a web application.