React Best-Practices Review After editing several TSX/JSX files, run through this condensed checklist to catch common issues before they compound. Component Structure - One component per file — colocate helpers only if they are private to that component - Named exports over default exports for better refactoring and tree-shaking - Props interface defined inline or colocated, not in a separate unless shared - Destructure props in the function signature: - Avoid barrel files ( re-exports) in large projects — they hurt tree-shaking Hooks - Rules of Hooks — never call hooks conditionally or insid…