This project was bootstrapped with Create React App.

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

[x] reflect selected in render

• should selected boolean on list items? [x] select as set, and remove [x] filter [x] output
• compute from selected [ ] change global consts, probably don't need characters to be a map, should be array [ ] use passthroughProps

view toggles between List and Output, maintains shared state

selected List Items

state=='edit'
? <CharacterList />
: <MaterialList />

flex row wrap of List Items, where key=name

grid of list item details

flex row wrap of materials

handle click on List Item

handle click in App?

dynamic data in render calls where to keep selected bools

• if there's a list of items with editable data, is each item a form?
• what if each item has 1 field?
• what if each item has multiple fields?
• what if the editable state is owned by each item?
• what if there is a submit button on each item?
• what if there is a submit button outside the list?
• what if subscribing to changes?
• what if only applying changes on submit?

user data ┣ characters ┃ ┗ stats ┗ weapons ┗ stats

view state ┣ view modes ┣ list filters and ordering ┗ tracked characters

┣┃┗┳━

could have edit modes save to their own copy of data, or write to main store on change

• character list display mode toggle
  • animated
• tracked character editing