React Handbook

Computed/Memoized variables
- useMemo example
- useMemo and form filtering

Context
- useContext & createContext

Refs
- Focus an input programatically

User events

Form handling

Tables
- Table with data
- Table with data & filter

Custom hooks

Navigation components
- Opening menu
- Tabs

​x
 
function App () {
  const handleSubmit = (event) => {
    event.preventDefault()
    console.log('Submit without refresh!')
    // do something
  }
​
  return (
    <form onSubmit={handleSubmit}>
      <button type="submit">Submit</button>
    </form>
  )
}

The onSubmit handler on the form element will be triggered by clicking the submit button or pressing the Enter key inside a form input. Similarly like onChange prop, onSubmit will provide us the submit event when called. In order to stop the page from refreshing, we need to call its native method event.preventDefault().