frontend-bootcamp/step1-07

already done Types in header TodoApp methods

filteredTodos in List

demo

app

Add Types to TodoApp change 'filter' state value to demonstrate

List (open list next to app)

Demo TodoApp.types Add Types in List

App

Back to App, add complete={this._complete} to Todolist - show types, change complete to 'false', filter

List

add complete, pass to item (prop drilling)

List Item (move List Item into App window)

TodoListItemProps, extend, id, complete (possible abstraction) add props, add complete to List item

List

Demo how you can't add random things to TodoListItem or item's this.props now

exercise

Add types to footer Add onClick to button Add types to header Add setFilter to filter buttons write onAdd function place onAdd to submit button