[TODO] Make Library.jsx into separate more manageable components
- Dominant language
- JavaScript
- Stars
- 35
- Forks
- 54
- PR merge metrics
- No merged PRs in 30d
Description
Break down Library.jsx into a smaller more manageable files.
I propose we make:
- Library.jsx the main layout.
- api.js for making api calls from the layout/component
- utils.js for other utility functions
- use Context API?
- make a useLibraryState.js hook
Ideas for some files:
BookList.jsx
BookDetails.jsx
BookForm.jsx
ReviewSystem.jsx
FilteringSorting.jsx
BookCard.jsx
BookTable.jsx
AddBookModal.jsx
ReviewModal.jsx
Filter.jsx
Contributor guide
Research direction
Start by reading Library.jsx and the open linked pull request #229 to understand the work already underway. Compare the proposed component, API, utility, and hook files with the current layout, then verify that the Library feature still behaves correctly after the responsibilities are separated.
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
- Mostly clear
- Newbie friendliness
- 20/100