Workflow: Search & Filter Products

1// Search and filter implementation
2const [searchQuery, setSearchQuery] = useState('');
3const [category, setCategory] = useState<string | null>(null);
4const [priceRange, setPriceRange] = useState('all');
5 
6const filteredProducts = products
7  .filter(p => p.name.includes(searchQuery))
8  .filter(p => !category || p.categoryId === category)
9  .filter(p => filterByPrice(p, priceRange));