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 () {
  return (
    <Card
      title="Lorem ipsum"
      content="Some content" />
  )
}
​
function Card ({ title, content }) {
    return (
      <div className="card">
        <div className="card-title">{title}</div>
        <div className="card-content">
          {content}
        </div>
    </div>
  )
}

Props serve to pass variables to child components. Anything can be a prop - a string, a function or even a component! A component re-renders if its props change, its state changes or its parent re-renders.

Lorem ipsum

Some content