react

Standard React conventions require using function components only and ensuring the file name matches the component name, such as UserCard.tsx. This approach standardizes component design and promotes consistency across modern frontend projects.

To structure custom hooks in a React project, name shared logic hooks using the use<Thing> pattern and always call them at the top level. This prevents stateful patterns that break during render and ensures consistent hook usage.

The best way to manage complex state flows in React is to prefer reducers. You should also lift state when needed and derive values directly in render to maintain performance and standardize state management across the application.

Yes, these React coding standards apply to modern frontend projects using React where consistent component design, hook usage, and performance patterns are essential. You can apply these conventions to ensure maintainability across teams.

You should avoid unnecessary state lifting in React components when you can derive values directly in render instead. Over-lifting state can complicate flows, whereas deriving values maintains standard performance patterns.