DOCSEARCHbyAlgolia
Submit Docs

Radon IDE for React Native & Expo

website·Indexed 39 days ago

https://ide.swmansion.com/

An integrated development environment specifically designed for React Native and Expo development.

Tokens
446
Snippets
0
Records
10
Agent score
19%

What's inside Radon

  1. Overview of Radon IDE for React Native and Expo

    Radon is a VSCode and Cursor extension that transforms the editor into a full-featured IDE for React Native and Expo development. It provides integrated tools for debugging, device management, and app inspection directly within the editor environment.

  2. Manage Android emulators and iOS simulators in Radon IDE

    Radon IDE manages its own instances of Android emulators and iOS simulators independently of Xcode or Android Studio. Users can add, update, and remove devices directly from the Radon IDE panel.

  3. Develop components in isolation using Previews

    The Previews feature allows developers to build and test components in complete isolation from the rest of the application.

  4. Use Radon IDE in Connect Mode

    Connect Mode allows developers to use a subset of Radon IDE features while continuing to use their own React Native or Expo development server (Metro) on their own simulators, emulators, or physical devices.

  5. Debug React Native and Expo projects in VSCode

    Radon IDE enables breakpoints to work in VSCode for React Native and Expo projects without requiring additional manual setup.

  6. Integrate Radon IDE with Storybook

    Radon IDE automatically detects Storybook stories and provides quick access to run them within the device preview.

  7. Integrate Radon IDE with Maestro for testing

    Radon IDE integrates with Maestro, enabling users to execute test flows directly from the editor and view results in both the simulator and the console.

  8. Use Radon AI MCP server

    Radon AI is provided as an MCP (Model Context Protocol) server, offering a set of tools designed to enhance the capabilities of the editor's AI Agent.

  9. Inspect network traffic with Radon IDE

    Radon IDE includes a dedicated Network Inspector panel that allows developers to monitor and inspect network traffic from their running application.

  10. Inspect UI elements and view hierarchy in React Native

    Radon IDE provides two primary inspection tools:

    1. Element Inspector: Allows jumping from the device preview directly to the line of code where a component is defined.
    2. Native View Hierarchy Inspector: Specifically for iOS, this allows exploration of the native UIKit view tree of a running application.