Skip to content

JSXLens

Search React components by props - find component usages with specific props quickly.

Features

🔍 Component + Prop Search: Find <TableContainer useWindow /> usages across your codebase
📊 Prop Value Filtering: Search for useWindow={false} specifically
🎯 Nested Prop Search: Find infiniteScrollProps={{ useWindow: true }}
🖱️ Click to Navigate: Jump to matches directly from results
📤 Export Results: Copy paths, export as JSON/CSV

Usage

Search Panel

Open the JSXLens panel from the Activity Bar (magnifying glass with braces icon)
Enter component name: TableContainer
Optionally add prop name: useWindow
Optionally add prop value: false
Select match mode (Exact, Fuzzy, or Regex)
Click Search or press Enter

Query Format

ComponentName:propName=value

Examples:

TableContainer - Find all TableContainer usages
TableContainer:useWindow - Find TableContainer with useWindow prop
TableContainer:useWindow=false - Find TableContainer with useWindow={false}
Button:disabled - Find Button with disabled prop
Table:options.pagination=true - Find nested prop

Match Modes

Exact: Match exactly (case-insensitive)
Fuzzy: Substring match - Container finds TableContainer
Regex: Use regular expressions

Keyboard Shortcuts

Cmd+Shift+J (Mac) / Ctrl+Shift+J (Win/Linux): Open search panel
Cmd+Shift+Alt+J (Mac) / Ctrl+Shift+Alt+J (Win/Linux): Quick search via command palette

Settings

Setting	Default	Description
`jsxlens.include`	`["*/.jsx", "*/.tsx", "*/.js", "*/.ts"]`	File patterns to search
`jsxlens.exclude`	`["/node_modules/", "/dist/", ...]`	Patterns to exclude
`jsxlens.respectGitignore`	`true`	Respect .gitignore
`jsxlens.indexOnStartup`	`false`	Build index on startup
`jsxlens.indexMode`	`"onDemand"`	`background` or `onDemand`
`jsxlens.maxResults`	`500`	Maximum results to display
`jsxlens.defaultMatchMode`	`"exact"`	Default match mode

Commands

JSXLens: Search Components by Props - Open search panel
JSXLens: Quick Search - Search via command palette
JSXLens: Rebuild Index - Force rebuild the index
JSXLens: Toggle Index Mode - Switch between background/on-demand
JSXLens: Export Results - Export search results
JSXLens: Clear Results - Clear current results

Performance

Indexing: ~50 files/second (chunked to not block UI)
Search: <100ms on indexed workspace
Memory: Index cached in workspace storage, persists across sessions

Author

Created by Mitul Adroja

License

MIT