Human Made React Standards

Component Style

• Use functional components with hooks for most cases
• Class components only when required by external libraries
• Keep components focused and single-purpose
• Extract complex logic into custom hooks

Semantic HTML

• Use semantic HTML5 elements (<article>, <section>, <nav>, etc.)
• onClick handlers only on focusable elements (buttons, links)
• Ensure keyboard accessibility for interactive elements
• Use ARIA attributes when semantic HTML is insufficient

Props and State