Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/software-mansion/radon-ide

VSCode/Cursor extension that turns your editor into a full featured IDE for React Native and Expo.
https://github.com/software-mansion/radon-ide

expo react-native

Last synced: about 4 hours ago
JSON representation

VSCode/Cursor extension that turns your editor into a full featured IDE for React Native and Expo.

Awesome Lists containing this project

README

        

![RadonIDE banner](https://github.com/user-attachments/assets/14fd4413-c518-4ead-915a-2020c4f4f981)

# [Radon IDE](https://ide.swmansion.com)

[Radon IDE](https://ide.swmansion.com) is an extension for VSCode and Cursor that turns your code editors into fully-featured IDEs for developing React Native and Expo apps.

### 💽 Installation and Usage

You can install Radon IDE with VSCode using the **Install** button on our [VSCode Marketplace page](https://marketplace.visualstudio.com/items?itemName=swmansion.react-native-ide).

You can also install it directly from the **Extensions** tab in VSCode or Cursor.
First, open your editor, navigate to the **Extensions** tab, and search for `Radon IDE`. Then, use the **Install** button to install it:

![Installation guide for VSCode](packages/docs/static/img/docs/ide_install_vscode.png)

For more installation options, you can [visit our installation guide](https://ide.swmansion.com/docs/getting-started/installation).

Once you have the IDE installed, you can check our [Getting Started Guide](https://ide.swmansion.com/docs/getting-started/launching) on how to launch and start using the extension.

### 💼 License

Radon IDE is available under a commercial license that can be purchased on our website: [ide.swmansion.com](https://ide.swmansion.com/pricing).
You can use our Free Trial License to evaluate whether the extension works for your project and use cases.

Once you purchase your license, you can follow our [License Activation Guide](https://ide.swmansion.com/docs/guides/activation-manual) to activate it using the IDE Panel in VSCode or Cursor.

### ✨ What does it do

Radon IDE aims to work with all sorts of React Native and Expo projects (see [project compatibility](https://ide.swmansion.com/docs/getting-started/compatibility) page for details), and without any extra configuration, will build and launch your projects, providing an integrated simulator preview right in the editor and enabling a set of integrations that can accelerate the development process, including but not limited to:

### Element inspector with component hierarchy

### Debugger integrated with source code

### Logging console with jump-to-source functionality



### Device settings adjustments for theme, text size, location, system language, and more...



### Screen recording and screen replays

### Component preview functionality

Visit the [Feature Highlights](https://ide.swmansion.com/docs/getting-started/feature-highlight) documentation page, where we showcase the most important features of the extension.

### 🐛 Troubleshooting

For troubleshooting and a guide on reporting issues, please visit our [Troubleshooting Docs](https://ide.swmansion.com/docs/guides/troubleshooting).

### ⚒️ Extension Development

If you want to develop the extension and contribute updates, head to the [Development Guide](https://ide.swmansion.com/docs/guides/development).

### 🔗 Links

Visit the [Radon IDE website](https://ide.swmansion.com).

Radon IDE is built by [Software Mansion](https://swmansion.com)

[![swm](https://logo.swmansion.com/logo?color=white&variant=desktop&width=150&tag=react-native-ide-github 'Software Mansion')](https://swmansion.com)