Learn React

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.

Lessons:

• Get Started
• Declare Function Components
• Define Components with Arrow Functions
• Use props
• Use defaultProps
• Use propTypes
• Use Destructuring Assignment
• Use Object Rest Properties and JSX Spread Attributes
• Use Dynamic Tag Names
• Use ref callbacks