PROJECT DOSSIER // [REACT CARNET BOOK]VIEW SOURCEBACK TO PROJECTS →

01 // PROJECT AT A GLANCE

REACT CARNET BOOK

JSHTML

A first React project: a contact book fed by a public API.

The very first step into React, taken as self-study during the internship: displaying a list of contacts fetched from the Internet. Simple in appearance, but this is where you meet the ideas that structure all modern web development — the interface derives from the data, and asynchronous loading requires handling an intermediate state.

A React application (create-react-app) fetching users from the jsonplaceholder API and displaying them as an address book.

MEDIAARCHIVED RECORD
MEDIA ATTACHMENTS (Images, Photos, Videos)

03 // KEY OUTCOMES

  • Describing what the screen should show, instead of modifying it piece by piece yourself
  • Handling the three states of a network call — in progress, succeeded, failed — and not only the happy path

04 // SOURCE TREE

READING SOURCE…