React ecosystem overview - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the main purpose of React in web development?

React is a library used to build user interfaces by creating reusable components that update efficiently when data changes.

beginner

Name two popular state management libraries commonly used with React.

Two popular state management libraries are Redux and Zustand. They help manage and share state across components.

beginner

What is React Router used for?

React Router helps create navigation in React apps by managing different pages or views without reloading the browser.

beginner

Explain what a React Hook is.

A React Hook is a special function that lets you use React features like state and lifecycle inside functional components.

intermediate

What role does Next.js play in the React ecosystem?

Next.js is a framework built on React that adds features like server-side rendering and file-based routing to make building web apps easier and faster.

Which of the following is NOT part of the React ecosystem?

A Django

B Redux

C React Router

D Next.js

Django is a Python web framework and not related to React.

What does React use to update the UI efficiently?

A Server-side rendering only

B Direct DOM manipulation

C Virtual DOM

D CSS animations

React uses a Virtual DOM to update only parts of the UI that change, making updates faster.

Which React Hook is used to add state to a functional component?

A useState

B useRef

C useContext

D useEffect

useState lets you add and manage state inside functional components.

What feature does Next.js add to React apps?

A Mobile app development

B CSS styling only

C Database management

D File-based routing

Next.js provides file-based routing to simplify navigation setup.

Which library helps manage global state in React apps?

A React Router

B Redux

C Jest

D Babel

Redux is a popular library for managing global state in React applications.

Describe the main parts of the React ecosystem and how they work together.

Think about building blocks for UI, managing data, navigation, and app structure.

Explain why React Hooks are important and name a few common hooks.

Hooks replace older class component features in a simpler way.