React Interviews

Filter Dropdown Menu

Build a responsive dropdown menu for applying filters to a list

useMemo

useState

Syntax Highlighter

Develop a client component for a syntax-highlighting code editor.

input

useState

useEffect

Next.js

Apply Promo

Build a Shopping Cart using Server Actions that allows the user to apply a promo code.

useFormState

Server Actions

Next.js

useEffect

useState

Slow Printer

Print text submitted by the user one word at a time.

useState

useEffect

Five Star Rating System

Create an interactive rating collection component.

useState

Mystery Object

Render an arbitrarily nested JavaScript Object.

useState

To-do List

Create a to-do list with togglable and removable tasks.

useState

filter

Feedback Popup Wrapper

Write a wrapper component that triggers a feedback popup.

useState

filter

Many Timers

Enable a user to start unlimited custom countdowns.

useState

useEffect

setInterval

CAPTCHA Test

Hide a site route behind a CAPTCHA test using React Router.

useState

routing

Currency Converter

Convert a user-provided value to and from any currency.

useState

useMemo

axios

Blur an Image

Create a slider to control an image’s blur.

useState

useEffect

Bitcoin Price Fetcher

Create a custom hook to regularly fetch the price of Bitcoin.

hook

useEffect

useState

axios

Virtual Keypad

Hide a page behind a virtual keypad lock.

useState

Players and Teams

Enable a user to organize players into teams

useState

sort

slice

Pagination Component

Divide random fetched users into pages.

useState

useEffect

axios

Social Media Basics

Enable a list of users to follow and unfollow each other.

useState

Calculator Buttons

Write a component that runs a user-selected operation on a number.

useState

useEffect

Shopping List

Write a list component that allows users to add and delete items.

useState

filter

Bug Hunt

Find and fix all the bugs in an existing component.

useState

CAPTCHA

Write a CAPTCHA component.

useState

Validating User Input

Add validation to a form component.

useState