We should schedule Test 2 (SVG, React, "Neighbors" (parent, children, etc.))
Lab: React Salad Works
Use React to make an interface like that from the Week 2 homework. Fetch the data file
SaladData.json. Use the lettuce property to make a set
of radio buttons. Use the fixings property to make a set of checkboxes. And use
the dressings property to make the options of a drop-down select. Display the user's
choices below. Next, assuming that the base price (lettuce plus dressing) is $3.50
and each selected fixing is an additional $0.50 (you can work with the size of
the selected fixing array), determine and display the price of the salad. The price
should include a dollar sign and two decimal places. (toFixed)
Due: Apr. 1
Wednesday:
The new React material (parent components that have child components) will not be on the second test.
Lab: React to_do list
React to-do list with promote/demote buttons. Make a to-do list from React. It should
have a parent component with functions that are used by the child components -- like the example
presented above.
Each to-do item
should be a able to be 1) removed, 2) edited and saved, 3) promoted -- exchanged with the item
before it, 4) demoted -- exchanged with the item after it.
Each to-do item should have a description and a status. When editing the description
should turn into an input of the text type, and the status should turn into a drop-down
select that allows the user to specify "started" or "not started".
Due: Apr. 3
Friday:
Nothing new. Work on the labs from Monday and Wednesday.