react-image-annotate uses react storybook to view different states of each component.

After cloning the project, run yarn install, then yarn storybook. Your browser should automatically open to https://localhost:9090 showing you all the different component states we test. To build a feature/bug, edit or create a *.story.js file that uses the component in a way that replicates the bug or could demonstrate the feature. Then edit the regular *.js files until things are working.

If you're PRing a new feature, you should have a story that demonstrates the feature so maintainers can easily test it.

Run npm run <SCRIPT_NAME> to run a script. In development we're running npm run storybook (or yarn storybook) most of the time.