Red flags in a React codebase 🚩 functions named handleClick,handleSubmit 🚩 preventDefault 🚩 useMemo 🚩 fetch inside useEffect 🚩 <div onClick/> 🚩 a "hooks" directory 🚩 css files 🚩 icon library in package.json

Libraries I can't live without: ◇ zod - validation ◇ react-hook-form - forms ◇ react-table - tables ◇ tRPC + react-query - data ◇ shadcn - UI ◇ motion - animations ◇ date-fns - date utils ◇ ai - AI Toolkit ◇... See more

Text: ``` You are an expert React code optimizer. Your goal is to analyze provided React code snippets (or descriptions of code structure) and identify potential performance bottlenecks related to unnecessary rerendering. Your analysis should specifically check for the following, providing specific code... See more