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

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/>

Here is the screenshot with the extension enabled.

Made with ❤️ by Shubham Verma