react-coding-standards

React coding standards for TypeScript projects enforce consistent component design, naming conventions, props typing, and hooks usage. They ensure single responsibility per component and separate UI logic from business logic.

Define React component props using TypeScript interfaces to specify default values, children handling, and concrete callback types. This approach enforces strict typing and predictable component design across your codebase.

Custom React hooks should follow established naming conventions and usage guidelines to manage state and side effects. Coding standards restrict side effects specifically to useEffect to maintain predictable component behavior.

Yes, this React coding standard guide covers testing practices by emphasizing tests from the perspective of user interactions and visual appearance. It ensures components meet real-world testing requirements.

Yes, you can use these React coding guidelines to refactor existing components. The standards apply to both code reviews and new implementations, guiding you to align your codebase with consistent conventions.

The recommended approach for separating UI and business logic in React is using function components exclusively. This design principle enforces single responsibility per component and isolates side effects within useEffect.