Submission for assignment 3

[nhuthm-setel]

• https://df-frontend-2023-assignment-3-six.vercel.app/
• Note: currently when deploying to Vercel, I met this issue: Command "pnpm install" exited with 1. But, basically when trying to run the git commit from local for Husky check, it would be like this So I guess, for the bonus one, can check from the code configuration

[zlatanpham]

Hello @nhuthm-setel, good work!

Requirements

• [x] All core functionalities present
• [x] Proper TypeScript implementation
• [x] No eslint warnings & errors
• [ ] Husky & lint-staged integration

Final result: ✅ passed 70% of the requirements

Feedback

We also have some comments for your work:

1. There is no need to explicitly specify the type of the initial value passed in the state, as TypeScript has the ability to infer it. https://github.com/nhuthm-setel/df-frontend-2023/blob/ac03627f836091fcf03de1a31e8ed5d64e8a3cbb/assignment-3/src/App.tsx#L19
2. As per the comment in assignment 01, using a button can help avoid the need for enforcing a11y attributes. https://github.com/nhuthm-setel/df-frontend-2023/blob/ac03627f836091fcf03de1a31e8ed5d64e8a3cbb/assignment-3/src/components/BookList.tsx#L96-L108
3. Binding the keyDown event in that way is somewhat redundant. https://github.com/nhuthm-setel/df-frontend-2023/blob/ac03627f836091fcf03de1a31e8ed5d64e8a3cbb/assignment-3/src/components/BookList.tsx#L53-L56