Refactoring class components to functional components is straightforward but requires attention to detail.
The issue involves refactoring React class components to functional components using hooks, which is a common task for improving code quality. The task is well-defined and suitable for junior contributors, but care must be taken to avoid introducing bugs.
The official recommendation for writing React components is as follows.
All components should be implemented as function components, using hooks for managing component lifecycle and state.
If you're a new/junior contributor looking to help with this refactoring, follow these steps:
extends ComponentNote This is a tracking issue for the React components guidelines. This issue is tailored specifically for junior and new contributors. Experienced contributors shouldn't do big refactorings unless they update the code for another reason (bug fix, feature).
Claim this issue to let others know you're working on it. You'll earn 10 points when you complete it!