Install Mock Service Worker (MSW) and Prepare Directory Structure

Share this video with your friends

Social Share Links

Send Tweet

Let's add msw to the project and prepare the basic directory structure with our handlers.ts where you will describe the network behavior you want.

Lecturer: [0:00] Open the terminal and type npm install msw to add MSW as a dependency to the project. Next, go to the app directory and create a new directory called mocks.

[0:13] In there, create a new handlers module where we will describe the mocks we want. For now, simply export a variable called handlers that equals an empty array.