Radon IDE is a VSCode extension that turns your editor into a fully fledged IDE for React Native and Expo. Jump to components, set breakpoints, develop components in isolation, edit device settings on the fly 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?
Congrats on the launch, @kacperkapusciak @kzzzf!
Preview feature seems great.
Haven't tried many tools but this is something I always wanted.
Any plans to extend it to Flutter as well?
It's great to see a dedicated IDE for React Native. This is a much-needed tool for the community and should make the development process smoother for many developers.
Keep up the good work!
@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!
The problem you’re solving is real! This eliminates the hassle of searching for components and speeds up development. I’m definitely going to use this!
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?
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 🤌🤌
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!
Looks fantastic, good luck with the launch! This makes it so much easier to debug apps.
