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!
This is really cool, especially the easy integration with the debugger. and opening the error files.
The only feature I miss is network logs. I have to go back to other tools to get to the network log.
Radon IDE
Waitroom
React-Typical