React Class Standing Lab. Use React and Babel to make a page with a number
input, a button and a container to display a result. (The HTML should be little more
than a div where React will load components.) The page should then prompt a user to
enter the number of credits he or she has earned so far. When the button is clicked,
the program should determine and display his or her class: freshman 1-23 credits,
sophomore 24-53 credits, junior 54-83 credits or senior 84 credits and up. If the
user changes the number of credits, the result should be cleared out. You should
use a React compoent's "state".
React Tip Calculator. Use React and Babel (try to use the newer style) to make
a page with two number inputs, a button and a container to display a result. (The HTML
should be little more than a div where React will load components.) The page should then
prompt a user to enter a restaurant bill amount as well as a tip percentage. When the
button is clicked, the program should the amount of the tip as well as the sum of the
bill and tip.
Due: Mar. 20
Friday:
React Phillies Pitchers
Use the json found in
SomePhilliesPitchers.zip
to initialize the state of a React Component class -- as done in the Art
Anatomy example from Wednesday. (Just paste the json data in, we are
not yet attempting to read the file.)
Use map to loop over the array of objects and make a
drop-down select with options that show the user a player's number as well
as his name. When the user changes the drop-down select option,
that player's picture should be displayed in addition to at least three
other pieces of data about that player.