React Class vs Functional Components Quiz

Test your understanding of React Class Components and Functional Components

React Quiz #02 - Class Components vs Functional Components in React

Explore the Core Concepts of React Class and Functional Components and test your understanding with quizzes.

5 mins read

Functional component

Class component

Both types can be used with error boundaries

useEffect(() => {...}, [ ])

useEffect(() => {...}, [state/prop])

useEffect(() => { return () => {...} }, [ ])

Functional components

Class components

Both component types offer the same level of optimization for code-splitting

componentDidUpdate

shouldComponentUpdate

componentWillReceiveProps

useEffect(() => { return () => {...} }, [ ])

useMemo

React.memo

True

False

useMemo

useEffect

useState

shouldComponentUpdate

componentDidUpdate

componentWillReceiveProps

useEffect(() => {...}, [ ])

useMemo

There is no direct hook equivalent

useMemo

useEffect

Both useMemo and useEffect

Subscribe to our newsletter