/switchboard

Toolkit for creating custom DevTools for React projects

Primary LanguageTypeScript

SwitchBoard 🎛

SwitchBoard is a toolkit for creating custom DevTools and mock APIs for your React app.

See SwitchBoard in action 🚀

Features

This project provides a powerful DevTools component for creating your own custom DevTools.

  • Declare mock APIs by providing msw config
  • Specify a global delay (to simulate a slow connection)
  • Declare custom HTTP response, delay, or status code from each endpoint
  • Copy settings to URL for sharing with others
  • Specify custom settings tailored to your app
  • All settings are saved in localStorage (so they're available next time you open the DevTools)

Quick Start

To run the demo app:

npm i
npm run dev

To run the demo app and Cypress tests together:

npm run cy

Roadmap

  • Show integration with react-query
  • Support page-specific settings
  • Support other JS frameworks