Skip to main content

Find React component

org.openrewrite.react.search.FindReactComponent

Locates usages of React components across the codebase including JSX elements and other references. If componentName is null, finds all React components.

Recipe source​

This recipe is only available to users of Moderne.

This recipe is available under the Moderne Proprietary License.

Options​

TypeNameDescriptionExample
StringcomponentNameOptional. The name of the React component to find. If null, finds all React components.Button

Usage​

This recipe has no required configuration options. Users of Moderne can run it via the Moderne CLI:

You will need to have configured the Moderne CLI on your machine before you can run the following command.

shell
mod run . --recipe FindReactComponent

If the recipe is not available locally, then you can install it using:

mod config recipes jar install io.moderne.recipe:rewrite-react:0.1.0

See how this recipe works across multiple open-source repositories​

Run this recipe on OSS repos at scale with the Moderne SaaS.

The community edition of the Moderne platform enables you to easily run recipes across thousands of open-source repositories.

Please contact Moderne for more information about safely running the recipes on your own codebase in a private SaaS.

Data Tables​

React component uses​

org.openrewrite.react.table.ReactComponentUses

Information about React component usages including imports, JSX tags, and other references.

Column NameDescription
Source fileThe source file that contains the component usage.
Component nameThe name of the React component being used.
Usage typeThe type of usage: 'import' (component is imported), 'jsx-tag' (component is used as JSX tag), 'declaration' (component is defined/declared), 'reference' (component is referenced in code), or 're-export' (component is re-exported).
Import typeFor imports: 'named', 'default', 'namespace', or 'aliased'. For other usage types: null.
Alias nameThe aliased name if the component was imported with an alias (e.g., 'CustomButton' for import {Button as CustomButton}). Otherwise null.
Import pathThe import path/module specifier (e.g., './components/Button'). For JSX tags and references: null.
Component typeThe type of React component: 'functional' for function components, 'class' for class components, 'forwardRef' for components wrapped with forwardRef(), 'memo' for components wrapped with memo(), 'lazy' for components wrapped with lazy(), or null if type cannot be determined.