HOOKS SKILL

Custom React hooks should follow established best practices for naming conventions, be concise with a maximum length of 120 lines, and include co-located testing and JSDoc documentation to ensure maintainability.

To test custom React hooks in TypeScript, you must create mandatory co-located `.test.ts` files alongside your hook implementation to verify logic, state management, and adherence to defined structural standards.

You need to create a custom React hook when developing new features that require complex state management or reusable logic, allowing you to build robust, testable, and efficient components for your frontend application.

A standard hooks catalog provides pre-built implementations for dialogs, data fetching, authentication, UI, forms, and caching, enabling developers to quickly integrate reusable logic into their frontend applications.

Yes, custom React hooks must be concise and adhere to a strict line limit of 120 lines or fewer to maintain code quality, readability, and established structural standards within your frontend project.