For this assignment, your task is to build a React inventory app that tracks best selling books. Start by forking and cloning this repository to your development environment. Then, using the provided template files plus a stateful App
component class and a stateless Book
component class, create a React inventory application that increments a book's stock.
And decrements a book's stock.
Prevent a book's stock from going below 0 or above 999.
Refactor the application so double clicking the stock must display a textfield instead of a label.
Allow the textfield's value to only be an empty string ''
or a number between 0 and 999.
When the textfield's value is a number, pressing the Enter
key on either the textfield or its adjacent buttons must display a label instead.
When the textfield is visible, clicking on an adjacent -
or +
button must decrement or increment it's value.
When the textfield is visible, prevent a book's stock from going below 0 or above 999 while clicking on an adjacent -
or +
button.
When the textfield is visible, prevent the label from being displayed if its value is an empty string ''
and another book's stock is double clicked or buttons are clicked.
Using your preferred ESLint rules, lint your project with the npm run lint .
command.