padroes-react-typescript

Use React.FC with an exported props interface, one component per file named in PascalCase, and default export at the end. Import its CSS from a styles folder at the top, and use early returns for loading and error states.

Return a named object, never a tuple, with an exported interface describing the API. Wrap every returned function in useCallback with correct dependencies so consumers can safely use them in useEffect dependency arrays.

No. Components must go through the service layer for REST calls or through hooks like useHubConnection for hub events. Importing axios or @microsoft/signalr inside a component is treated as an architecture violation.

Cast the payload once at the boundary inside the event handler, using an explicit event interface from the types folder. Always pass explicit generic types to invoke and post calls, and narrow caught errors from unknown before use.

A connection factory passed inline recreates the connection on every render because it is a new reference each time. Memoize the factory with useCallback so the provider's useEffect dependencies stay stable.