Using React, build an image resizer component. You will have to install node.js
to implement this lab.
The image resizer needs three buttons, +, -, and H, for making a specified image larger, smaller, or toggling
its visibility.
Please place a title block to the right of the buttons. This will hold a caption for the image.
Use React with JSX to implement the resizer component, combining JavaScript and markup, as the implementation
medium. You may use the Babel library to translate the JSX. You don't need to do anything except
link to the Babel library.
Your goal is to have a component that can be placed on a webpage to display the image and resize it.
You will have to include a script block at the end of your HTML file to trigger the Babel translation.
For your reference, here is a link to the resizer demo shown in class. This, of course,
did not use React.
The React Demo from class is here: ReactDemo3.htm