๐ฅ๐ผ๐๐ฒ๐ป๐ถ๐๐ฒ is a React Native DevTools plugin framework that lets you add focused DevTools panels directly inside the React Native DevTools. It works with both Expo and bare React Native apps, supports Metro and Re.Pack bundlers, and keeps plugin code out of production buildsโso you get native integration without extra windows or servers.
Building on that, the new ๐๐ ๐ฆ๐๐ ๐ฃ๐ฟ๐ผ๐ณ๐ถ๐น๐ฒ๐ฟ plugin (
@react-native-ai/dev-tools-plugin) captures OpenTelemetry spans from the Vercel AI SDK and renders them inside Rozenite DevTools. It provides a dedicated panel where you can inspect AI SDK requests, including timelines, inputs, outputs, provider metadata, and latency.
If youโre profiling AI features like text generation, embeddings, speech, or transcription, this plugin helps identify where time is spent and what the SDK is doing during each call.
Key points:
โก๏ธ Displays AI SDK calls with detailed timelines and provider info inside React Native DevTools
โก๏ธ Supports telemetry from both on-device and cloud AI providers via a unified UI
โก๏ธ Integrates without adding extra windows or servers
โก๏ธ Compatible with Expo, bare React Native, Metro, and Re.Pack
โก๏ธ Keeps plugin code out of production bundles
How it works:
โก๏ธ Vercel AI SDK emits OpenTelemetry spans when telemetry is enabled
โก๏ธ The plugin listens to those spans via Rozeniteโs plugin bridge
โก๏ธ Rozenite renders the data live in the AI SDK Profiler panel
This plugin provides clear visibility into AI SDK calls within your React Native apps, helping you understand performance and request details in one place.
#ReactNative #ReactNativeDevTools #AIinMobile #OpenTelemetry #MobileDevelopment #VercelAI #ExpoDev #JavaScriptDevelopment #PerformanceMonitoring #DeveloperExperience #OpenSourceTools