React NativeIDEBETA

A better developer experience for React Native developers.

We are currently testing the IDE with a limited number of users.

How it works?

Integrated experience

See the preview of your application right where you need it the most – close to your codebase. React Native IDE runs IOS Simulator and Android emulator directly in your Visual Studio Code project.

Click to inspect

Using the built-in inspector you can jump directly from preview to a file where your component is defined. It can't really get simpler than that.

Use breakpoints right in VSCode

Without any additional setup the extension allows to add a breakpoints in Visual Studio Code to debug your React Native application. It. Just. Works. IDE also automatically stops at runtime exceptions showing you the exact line of code where they happened.

Navigation made easier

The React Native IDE integrates tightly with your deep-linked application allowing you to jump around the navigation structure (supports Expo Router projects).

Search through the logs easily

React Native IDE uses the built-in VSCode console allowing you to filter through the logs. The links displayed in the console are automatically linking back to your source code.

Develop components in isolation

React Native IDE comes with a package allowing to preview components in full isolation. Develop your components individually without distractions.

Adjust device settings on the fly

You can adjust text size and light/dark mode right from the React Native IDE. Focus just on your app without switching between windows.

FAQ

Here are the answers to your most frequent questions about the React Native IDE.

React Native IDE is a Visual Studio Code extension that aims to simplify the development of React Native applications.

The React Native IDE is free to use during the Beta period. We're working on a sustainable licensing model for the project.

100% of the money earned will be used to fund the React Native open source efforts at Software Mansion and the further developments of the React Native IDE.

At the end of Q3 2024.

We are well aware there are an infinite number of ways of setting up your React Native project. With access to the code you can adjust the React Native IDE to make it run with your codebase.

TL;DR
It's okay to modify the code to run in your project and to fix bugs. However, do not distribute the project on your own in any way or form besides our official channels.

This license will evolve as we move beyond the Beta period. You can read the full license here.

At this moment WebStorm is not supported.

As the adoption for the extension grows we might add a support for WebStorm in the future.

Learn more about the features in the newest video about IDE

See the video