React (data-id approach)

Compared to devtools approach:
Works with all React projects that use Babel.
It can be used also in production-like environments.
Contains additional support for styled-components.

React (devtools approach)

Compared to data-id approach:
Works with modern React dev stacks like Vite, Next.js, or Create React App.
If you use the Browser extension, you don't need to install any packages.
You might need to have React DevTools to make it working properly.

SolidJS

Preact

Svelte

experimental

Vue

experimental