react-component

Structure a React component by using a functional component pattern with a named export, explicit Props interface typing, and Tailwind classes for styling. Add per-prop JSDoc comments to document the component API.

Type React component props by defining an explicit Props interface with TypeScript. Attach JSDoc comments to each prop field to provide documentation and ensure a well-typed, consistent component structure.

Apply dynamic Tailwind classes in a React component by using the clsx utility. This approach allows you to conditionally merge class names based on component props while maintaining clean styling conventions.

Yes, this React coding standard enforces named exports for all functional components. It also mandates explicit Props typing, per-prop JSDoc comments, and Tailwind with clsx styling to ensure uniform structure.

Add JSDoc comments to individual React component props to document their purpose and expected values. This practice improves code readability, facilitates onboarding, and ensures consistent component structure during frontend development and code reviews.