Skip to content

Find and install right packages for all of your React Native apps right from your VS Code.

License

Notifications You must be signed in to change notification settings

react-native-community/vscode-react-native-directory

Repository files navigation

React Native Directory Logo

vscode-react-native-directory

Latest release Workflow status Install from VS Code Marketplace Install from Open VSX

A VS Code extension that allows browsing through the React Native Directory
and performing actions related to the chosen package inside the built-in editor Command Palette.

Search mode Actions list

⚡️ Features

  • Search through the packages registered in the React Native Directory.
  • Narrow down the results by using filter tokens, such as :ios, :newArchitecture, or :hasTypes.
    • Valid tokens are a subset of all possible API query options, and the values can be seen in this file.
  • Install the selected packages in the current workspace using your preferred package manager.
  • Dive deep into the stats and analysis with the provided metadata and links.

📦 Installation

VS Marketplace

  1. Go to VS Marketplace.
  2. Click on the "Install" button.

Open VSX Registry

  1. Go to Open VSX Registry.
  2. Click on the "Download" button
  3. In VS Code:
    • Navigate to the "Extensions" pane (Ctrl/Cmd+Shift+X).
    • Click "More" button (three dots in the right corner of header) and select "Install from VSIX".
    • Select the VSIX file downloaded earlier in the process.

📝 Contributing

  1. Make sure you have Bun installed.

  2. Checkout the repository locally.

  3. Run the following commands to install dependencies and compile source:

    bun install
  4. In VS Code:

    • Open folder containing the extension repository.
    • Navigate to the "Run and Debug" pane (Ctrl/Cmd+Shift+D).
    • Select "Run with extension" launch task, and press "Start Debugging" button (F5).