React Best Practices 2021
Rendering
- Does the component support handling of a state under an enum
status? - Is there an error boundary to handle unexpected issues?
- Should the state be colocated?
- If using context, is the provider optimised to prevent re-renders?
- Are expensive initial state calculations lazy initialized?
- Does an expensive calculation require
React.useMemo? - Does an expensive component (due to large list or other) require memoisation?
Hooks
- Should the hook be abstracted?
Testing
- Does the test avoid implementation details?
- Do you need to test the hook?
- Are you validating the UI by the recommended order?