Skip to content

Latest commit

 

History

History
34 lines (21 loc) · 909 Bytes

File metadata and controls

34 lines (21 loc) · 909 Bytes

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

Table design reference