const [phrase, setPhrase]= useState('')
const [phrases, dispatch]= useReducer(reducer, [])
function savePhrase (event) {
event.preventDefault()
dispatch({
type: ADD_PHRASE,
phrase: phrase
})
}
function deletePhrase (deletedPhrase) {
dispatch({
type: REMOVE_PHRASE,
phrase: deletedPhrase
})
}