React TypeScript Installation...

 Typescript project with CRA (create react app)

  npx create-react-app my-app --template=typescript  

Add mock-backend for fast iteration without backend setup

One thing that always slows me down when iterating on a prototype is setting up a back end to seed data in the front end in a realistic fashion. Now, you could do this by returning mock data from your fetches; however, this doesn't allow you to fully test the integration between the front end and the back end. Instead, we can use a server mock at the network layer.

In this case, we'll use msw. You can read more about msw in the following documentation, but if you're looking to speed through this tutorial, just think of it as a more sophisticated way of mocking a server that avoids mocking within your application.