Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>React Barrel ExportNew to Visual Studio Code? Get it now.
React Barrel Export

React Barrel Export

Tirth Patel

|
463 installs
| (0) | Free
Easily generate barrel exports for your React project
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React Barrel Export ⚙️

Following the barrel export pattern in React is a great way to organize your code. This extension will help you create barrel exports for your React components with a simple click.

How to use extension 🤔

  1. Open the index.js/index.ts file in the folder you want to create a barrel export for.
  2. Open the command palette by Ctrl+Shift+P or Cmd+Shift+P and search for Generate Barrel Export.
  3. Enter the name of component you want to create a barrel export for.
  4. A new folder will be created with the name of the component and an index.js/index.ts file will be created inside the folder.
  5. The extension will automatically import all the files in the selected folder and export them.

Features 🚀

  • Create barrel export for React components
  • Separate component generation snippet for JavaScript and TypeScript

Requirements 📋

  • VS Code 1.41.0 or higher
  • React Project (JavaScript or TypeScript)

Release Notes 📝

Users appreciate release notes as you update your extension.

1.0.0

  • Initial release of React Barrel Export
  • Create barrel export for React components
  • Separate component generation snippet for JavaScript and TypeScript

1.0.1

  • Bugfix : new line issue fix in index file

1.0.2

  • Feature : Added named import for React Function Component

Found bug? Have a feature request? 🪲

  • Please open an issue on GitHub.
  • Or, you can also write me on Gmail.

Created by Tirth Patel

GitHub stars

Enjoy coding!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft