Skip to Content
Function Components

Well done! You’ve written your first function component. Here’s a recap:

  • Function components are React components defined as JavaScript functions
  • Function components must return JSX
  • Function components may accept a props parameter. Expect it to be a JavaScript object

Although function components and class components can do the same things, you’ll see a lot of function components in the React documentation and example apps. Some developers prefer them over class components for their simplicity and straightforward features, like Hooks, which you’ll learn later in your coding journey.


Take a look at the example in the code editor. Make sure the code makes sense before moving on!

Folder Icon

Take this course for free

Already have an account?