React Pairing Exercise

Introduction

This exercise should be completed as if you are pairing on a feature within a real business setting.

Don't be afraid to ask questions, and do communicate your thinking.

Goal

Test-drive a component that can take in data, and render it as a table.

Use the design below as a reference. You don't need to worry about styling to begin with.

./src/data/userData.ts contains example data that should be rendered.

Getting started

npm install
npm start        # run the app (Vite dev server)
npm test         # run tests once (Vitest)
npm run test:watch  # run tests in watch mode

Stack

• React 19 + TypeScript, built with Vite
• Vitest + React Testing Library (Jest-style test/expect globals are enabled)
• A hello world example test lives in src/App.test.tsx

Design