Skip to content

ShubhamVerma1811/vscode-react-outline

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
1 branch 9 tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
.github
 
 
.vscode
 
 
public/assets
 
 
src
 
 
.eslintrc.json
 
 
.gitignore
 
 
.prettierrc
 
 
.vscodeignore
 
 
.yarnrc
 
 
CHANGELOG.md
 
 
LICENSE
 
 
README.md
 
 
package.json
 
 
tsconfig.json
 
 
yarn.lock
 
 
React Outline Support About Screenshot

README.md

React Outline

Follow @verma__shubham

Support

If you liked this extensions then check out my other extensions and Follow me on Twitter 💙.

About

This extension enables support for symbols and outlines for a React files.

It can detect the following types of symbols, with nested support!

  • JSXElements - <Tags></Tags>
  • JSXFragments - <>Tags</> or <React.Fragment></React.Fragment>
  • JSXMemberExpressions - <Tags.Member></Tags.Member>
  • Logical expressions - true && <Comp/>
  • Conditional expressions - true ? <Comp1/> : <Comp2/>

Screenshot

Here is the screenshot with the extension enabled.

With the extension

Made with ❤️ by Shubham Verma

About

A VSCode extension support for symbols and outlines for a React file.

marketplace.visualstudio.com/items?itemName=ShubhamVerma18.react-outline

Topics

react vscode vscode-extension hacktoberfest

Resources

Readme

License

MIT license
Activity

Stars

14 stars

Watchers

1 watching

Forks

2 forks
Report repository

Releases

9 tags

Sponsor this project

 
Learn more about GitHub Sponsors

Packages

No packages published

Languages