Filter
Exclude
Time range
-
Near
๐—ฅ๐—ผ๐˜‡๐—ฒ๐—ป๐—ถ๐˜๐—ฒ 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
1
12
750
โ€œ๐—–๐—ฎ๐—ป ๐—ถ๐˜ ๐—ก๐—ฒ๐˜„ ๐—”๐—ฟ๐—ฐ๐—ต๐—ถ๐˜๐—ฒ๐—ฐ๐˜๐˜‚๐—ฟ๐—ฒ?โ€ Thereโ€™s finally a tool for that. React Nativeโ€™s New Architecture is the future โ€” but figuring out which packages actually support it has been a guessing game. Enter: ๐—ฃ๐—ฎ๐—ฐ๐—ธ๐—ฎ๐—ด๐—ฒ ๐—–๐—ต๐—ฒ๐—ฐ๐—ธ๐—ฒ๐—ฟ. ๐Ÿ” react-native-package-checker: Stop guessing, start upgrading. โžก๏ธ Paste in your package.json, and it checks all dependencies for ๐—ก๐—ฒ๐˜„ ๐—”๐—ฟ๐—ฐ๐—ต๐—ถ๐˜๐—ฒ๐—ฐ๐˜๐˜‚๐—ฟ๐—ฒ ๐˜€๐˜‚๐—ฝ๐—ฝ๐—ผ๐—ฟ๐˜. โžก๏ธ Results are ๐˜ƒ๐—ถ๐˜€๐˜‚๐—ฎ๐—น, ๐—ณ๐—ฎ๐˜€๐˜, and include direct links to each libraryโ€™s GitHub and compatibility status. โžก๏ธ No install needed โ€” just drop it into your browser and go. ๐—ช๐—ต๐˜† ๐—ถ๐˜โ€™๐˜€ ๐˜‚๐˜€๐—ฒ๐—ณ๐˜‚๐—น: โžก๏ธ Planning a Fabric/JSI migration? Know your blockers before you upgrade. โžก๏ธ Hunting down mysterious crashes in the New Architecture? This helps eliminate blind spots. โžก๏ธ Ideal for teams doing audits, or open source devs tracking support progress across packages. ๐—ง๐—ต๐—ฒ ๐—ง๐—Ÿ;๐——๐—ฅ? This tool answers the question weโ€™ve all been asking: Can it New Architecture, tho? And now, you donโ€™t have to dig through issues and READMEs to find out. #ReactNative #NewArchitecture #Fabric #JSI #PackageChecker #MobileDev #OpenSource #DeveloperTools #RNUpgrade #ReactNativeDevTools
3
2
9
680
TIL #ReactNativeDevTools is using Nx, that's awesome. @lord_sherlock Would you be interested in enabling Nx Cloud on the repo? It's free for OSS and can speed up / simplify the CI workflows. Happy to answer any questions, open PR, etc. More info: nx.dev/ci/monorepo-ci-githubโ€ฆ

2
11 May 2022
Hi folks! ๐Ÿ‘‹ I'll be on React Native Live with @jamonholmgren this Friday at 10am Pacific! ๐Ÿฟ๐ŸŽค We'll be talking about #ReactNativeDevTools and #rnxkit. Stop by and say hello! twitch.tv/jamonholmgren

10
39
11 May 2022
Need platform-specific Jest tests for your React Native app? Pick your platform and go! microsoft.github.io/rnx-kit/โ€ฆ #reactnative #ReactNativeDevTools #rnxkit

1
3
4
We've got a Metro plugin that catches duplicate packages in your React Native app bundles! (Yes, that's a thing.) #reactnative #ReactNativeDevTools #rnxkit #DiamondDependenciesAreFun microsoft.github.io/rnx-kit/โ€ฆ

ALT Spider Man GIF

2
8
For my next trick, I'll upgrade your super-complicated React Native app from 0.64 to 0.68 automatically. ๐Ÿช„๐ŸŽฉ๐Ÿ‡ Oh, and I'll keep your dependencies up-to-date automatically, too. ๐Ÿ˜Ž #reactnative #ReactNativeDevTools #rnxkit microsoft.github.io/rnx-kit/โ€ฆ
3
11
83
๐Ÿš€ Hi! Check out our new #ReactNativeDevTools community project! ๐ŸŽ‰ These are modern, scalable tools which give you an exceptional developer experience. Metro w/symlinks & TypeScript? โœ… Easy RN dependency upgrades? โœ… #rnxkit aka.ms/rnxkit-launch

2
50
200
At 10am PST, I'll be talking about #ReactNativeDevTools with @Jamon. We'll be integrating tools from #rnxkit (aka.ms/rnxkit) into the Ignite RN app template from @Infinite_red. twitch.tv/jamonholmgren

1
1
8