Install Mock Service Worker (MSW) and Prepare Directory Structure

Share this video with your friends

Social Share Links

Send Tweet
Published 9 months ago
Updated 9 months ago

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.

~ 13 minutes ago

Member comments are a way for members to communicate, interact, and ask questions about a lesson.

The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on

Be on-Topic

Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at

Avoid meta-discussion

  • This was great!
  • This was horrible!
  • I didn't like this because it didn't match my skill level.
  • +1 It will likely be deleted as spam.

Code Problems?

Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context

Details and Context

Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!

Markdown supported.
Become a member to join the discussionEnroll Today