Regex for searching a React component by their name. Search just for the specific name, excluding extensions.

search-react-component-by-name-regex.js

/* Search only for the specific name, excluding name extensions
** This example below will found
**
** <Anchor>Anchor Text</Anchor>
**
** <Anchor booleanProp>Anchor Text</Anchor>
**
** <Anchor prop="text">Anchor Text</Anchor>
**
** <Anchor prop={localProp}>Anchor Text</Anchor>
**
** <Anchor
**   prop1
**   prop3="text"
**   prop4={test}
** >
**   Anchor Text
** </Anchor>
**
** <Anchor theme="icon" icon="xs-sun" />
**
**********************************************
**
** And will not found these below
**
** <AnchorHey>Anchor Text</Anchor>
**
** <AnchorButton booleanProp>Anchor Text</Anchor>
**
** <AnchorMaybe prop="text">Anchor Text</Anchor>
**
** <AnchorStyles prop={localProp}>Anchor Text</Anchor>
**
** <AnchorModal
**   prop1
**   prop3="text"
**   prop4={test}
** >
**   Anchor Text
** </Anchor>
**
** <AnchorSelfClosing theme="icon" icon="xs-sun" />
**
** And any other extension
*/

const regex = /<\bAnchor\b(.|\n|>)*?(\/>|<\/\bAnchor\b>)/gi;

const regexSelfClosingComponents = /<\bIcon\b(.|\n|>)*?\/>/gi;