Quick Reference Guide: The General Guide to Building a React App

[gstark]

Describe:

• Hard code the UI including duplication of data

• Extract one hard coded example to a component

• Replace the use of that component with driving from props

• Use static data in a JSON file or variable by copying from the API

• Turn this into a map of data using our component

• Remove the JSON file/variable and use state with an empty data set (empty array or object, etc.)

• Render from state instead of the JSON file/varaible

• Use fetch/axios to load data and set state.

• See that the app renders from the data from the API

• Creating a form to edit data

• Track the form's data in state

• form submit action

• Use fetch/axios to send data to api

• Using React Router to render different pages

• Using useParams to get routing params

• Using useHistory to force navigation