Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>React BreadcrumbsNew to Visual Studio Code? Get it now.
React Breadcrumbs

React Breadcrumbs

Phạm Huy Phát

|
1,388 installs
| (3) | Free
Most optimized way to browse React components
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

React Breadcrumbs ⚛️ 🥖

Mouselessly move your cursor among JSX tags and get overview of your components - made by Nemo

"Buy Me A Coffee"

Features

  • Move cursor among React Components quickly with keyboard
  • Get an overview of the React trees in file

Changelog

  • 0.1.8: Support Component in props
  • 0.1.5: Support React.Fragment

Usage

Press Cmd + Shift + . to trigger breadcrumbs.focusAndSelect command. Along with symbols provided by VSC, you will see new breadcrumbs for React components provided by this extension.

demo

Taking feedback

Go to the repository to open an Issue or create PR: https://github.com/coolcorexix/jsx-viewer-extension

All the effort is very very appreciated

Have fun coding!

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