TooAngel / TooAngel/worlddriven
Modernize React components to functional components with hooks
Open
Nobody has claimed this yet.
enhancement
modernization
- Dominant language
- JavaScript
- Stars
- 18
- Forks
- 15
- Avg merge
- 8d 14h
- Merged PRs (30d)
- 5
Description
Convert class-based React components to modern functional components with hooks.
Context:
- React 18.3.0 is now in use
- Modern functional components with hooks provide better performance and maintainability
- Current codebase may still have class-based components
Acceptance Criteria:
- Audit existing React components for class-based patterns
- Convert class components to functional components
- Replace lifecycle methods with appropriate hooks (useEffect, etc.)
- Update component imports and exports as needed
- Test component functionality after conversion
- Ensure React Fast Refresh works properly
Priority: Medium
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No specific files or tests are named; start by auditing the existing React component source for class-based patterns. Done means the identified class components use functional components and hooks, imports and exports are updated, functionality is tested, and React Fast Refresh works properly.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Refactor
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 30/100