React-Specific Features
JSX/TSX Scanning
Full parsing support for JSX and TSX files, including complex expressions and fragments.
Props Extraction
Automatically extracts and analyzes component props, including TypeScript interfaces and PropTypes.
CSS-in-JS Support
Detects hardcoded values in styled-components, Emotion, and inline styles.
Hook Analysis
Understands React hooks like useMemo, useCallback, and custom hooks for accurate scanning.
Component Detection
Recognizes React.memo, forwardRef, lazy, and other React patterns.
Import Tracking
Tracks component imports to identify duplicate implementations and naming conflicts.
See it in action
buoy-cli
$
⚓ Scanning React components...
Found 89 React components
Found 12 styled-components
Found 34 Emotion components
WARNING 23 hardcoded values in JSX
WARNING 5 duplicate Button implementations
INFO 8 naming inconsistencies
Configuration Example
buoy.config.mjs
// buoy.config.mjs
export default {
// React-specific settings
framework: 'react',
// Include patterns
include: [
'src/components/**/*.tsx',
'src/features/**/*.tsx',
],
// CSS-in-JS libraries to scan
cssInJs: ['styled-components', 'emotion'],
// Your design tokens
tokens: './src/tokens/index.ts',
}Supported React Libraries
styled-components
Emotion
CSS Modules
Tailwind CSS
Chakra UI
Material UI
Ant Design
shadcn/ui