Function Components

Function components are the simplest way to write components in React. They don't hold state, they don't fire lifecycle events; they simply take props and render a React Element. In this course you'll learn all about function components—writing them, composing them, using features like propTypes, context, and JSX spread attributes... all the things function component.

  1. Get started
  2. Declare function components
  3. Define components with arrow functions
  4. Use props
  5. Use defaultProps
  6. Use propTypes
  7. Use object rest properties and jsx spread attributes
  8. Use destructuring assignment
  9. Use dynamic tagNames
  10. Use ref callbacks | Functional Components