Home/Tutorials/React/Function Components

0 of 2 saved

React5 min read

Function Components

Read this chapter, then pass a short check to open the next one.

UI as functions.

Function Components

A function component receives props and returns JSX. Name components in PascalCase.

  • export default function App() { return

    Hi

    ; }
  • Keep components small and focused.
  • Extract repeated UI into child components.

After you read this chapter, use Write (when available) and Quiz on this page to lock it in.