Radon IDE is an extension that transforms VSCode into a fully-fledged React Native IDE.
Jump to components, set breakpoints, edit device settings and many more – right in your favourite editor.
Hey Product Hunters! 👋
After tons of hard work and testing, I’m super excited to finally share Radon IDE 1.0 by Software Mansion! 🚀
It’s a VSCode and Cursor extension that transforms your editor into a full-fledged IDE for React Native and Expo.
With Radon IDE, you can:
- Build and run React Native and Expo apps in an integrated panel without any extra configuration
- Jump to code directly from the inspector, view hierarchy, or log console
- Debug your code effortlessly
- Preview individual React components and iterate on them in isolation
- Quickly adjust device settings like theme, text size, or system language with a single click to see how they affect your app layout
📹 Check out the demo video below to see Radon IDE in action!
✨ Or give it a try on your own React Native project at https://ide.swmansion.com
I’d love to hear what you think! Any feedback or suggestions are super welcome – what features would you like us to work on next?
It looks fantastic! Some features that I really like:
- The preview wrapper to test any component in isolation
- Jump to file and line of code
- Route history
- No need for an extra window, the simulator lives inside the IDE
- Device settings adjustments - I can't say how many times I wish there was a tool to let me change the location that fast
- Fast inline element inspection - This is really useful when debugging but also when you are a new to a project and you'd like to see the structure of the views to easily learn and navigate inside the project.
Good luck with the lunch, this project needs more attention and it should be default extension for any React Native developer!
Truly a product that makes a difference and adds innovation to the React Native ecosystem. It is beyond measure the value that Software Mansion has brought to React Native already with Reanimated, Gesture Handler, React Native Screens and more...
Radon IDE is the icing on the cake. And what of an icing 🤌🤌
Congrats on the launch of Radon IDE! 🎉 This VSCode extension looks like a game-changer for React Native devs. I'm curious, how does it compare to other popular React Native IDEs like React Native Tools?
Report
Hunter
@ihuzaifashoukat Thanks for the question!
It's hard to compare these extensions.
React Native Tools is a set of vscode commands/shortcuts that you would normally invoke from the command line. It can be incredibly useful but it's not an IDE.
Radon IDE transforms your VSCode so that it runs the simulator and emulator right in the extension panel with debugger, inspector, router integration, jumping to code from app logs, instant replays – all the good stuff!
@kzzzf and the team at Software Mansion build some of the best tools in the React Native ecosystem, and with Radon they've made a huge step towards filling a gap in tooling - an IDE for your React Native and Expo apps that integrates into your existing workflow in VS Code. Very exciting stuff, congrats on the launch!
Radon IDE
Rumi.ai
React-Typical
Docusaurus
Steddy
Expo