custom hooks from Dan Abramov's speech

useFormInput.js

const useFormInput = initialValue => {
  const [value, setValue] = useState(initialValue)

  const handleChange = e => {
    setValue(e.target.value)
  }

  return {
    value,
    onChange: handleChange
  }
}

const FormInput = props => {
  const name = useFormInput('')
  
  return (
    <input {...name} />
  )
}