Skip to main content

Getting started

Welcome to Radon IDE Beta πŸŽ‰β€‹

Radon IDE is not a ready product (yet). We are hoping that together with the community we will be able to get there soon. We are thankful that you decided to join the beta program and help us improve this tool.

🚧 Who can use this​

Radon IDE currently supports some subset of React Native projects due to a number of different setup options. We constantly work to improve this compatibility, and in case your project structure isn’t supported, feel free to open an issue. Below we list high-level requirements for the projects we support at the moment:

  • Radon IDE works with VS Code and Cursor on macOS and Windows.
  • With Radon IDE you can only run iOS and Android applications. If your project supports other platforms, you should be able to use the IDE but only for launching the Android and iOS part of your project.
  • We support only recent version of React Native (0.71 onwards) as well as Expo SDK 49+
  • Brownfield-type projects are currently not supported (projects that are primarily native apps with React Native used on some screens)

As a general rule of thumb, if your project started from Expo template or React Native community CLI template, and hasn’t diverged much in terms of build configuration, meaning that you can still run it using expo or react native CLI without additional steps, it should work with Radon IDE.

✨ What does it do​

Radon IDE is a VS Code extension that aims to streamline development of React Native and Expo applications. The current version supports developing on macOS for Android and iOS platforms, and on Windows for Android with the current list of features available:

  • Managing iOS and Android simulator (for now only iPhone Pro and Pixel 7 skins are available)
  • Automatically build and launch your project (keeping track of native or javascript updates automatically)
  • Integrated debugger always available – when running the project you can set breakpoints in the editor and don't need to bother with any additional configuration to get your application stop at those breakpoints
  • Element inspector that jumps to component code
  • Integrated console log output panel that links to file/line with the log statement
  • Preview package that allows for working on components in isolation (render single component instead of the whole app)
  • Expo Router integration with browser-like URL toolbar
  • Easy access to device settings for text size and light/dark mode

πŸ’½ Installation​

For installation instructions head to installation section.

πŸ’» Usage​

See usage guide on how to get started after installing the extension. You can also visit Radon IDE website where we highlight the most important features.

πŸ› Troubleshooting​

For troubleshooting and guide on reporting issues head to troubleshooting section.

βš’οΈ Extension Development​

If you want to develop the extension and contribute updates head to development section.

Discord​

Make sure to join Software Mansion Discord channel using invite link: https://discord.gg/jWhHbxQsPd and contact us to get added to radon-ide-beta channel where we discuss issues and communicate our plans and updates.