[](https://www.npmjs.com/package/msw-devtools)
npm install msw-devtools
Devtools for exploring and testing mocked API handlers and data built with msw.
Useful when developing applications using "API first" approach where you mock the API before building the UI.
##### MSW API handlers testing:
!demo
##### MSW Data inspection:
!demo
NPM
```
$ npm install msw-devtools
Yarn:
``
$ yarn add msw-devtools
`ts
import { MSWDevTools } from 'msw-devtools';
import { db, handlers } from '../test/mocks';
export function App({ children }) {
return (
<>
Hello World
>
);
}
`
`ts
import { FactoryAPI } from '@mswjs/data/lib/glossary';
import { RestHandler } from 'msw';
export type MSWDevToolsProps = {
db?: FactoryAPI
handlers?: RestHandler[];
};
`
1. Clone this repo
2. Create a branch: git checkout -b your-feature`
3. Make some changes
4. Test your changes
5. Push your branch and open a Pull Request
MIT