This repository contains custom React Components designed for the Microsoft Open Source VOTT app (https://github.com/Microsoft/VoTT). The components are written in React with Typescript. While the VOTT app uses Redux to manage state, these components do not require it.
The main components are:
- Drag-and-drop tag manager tool
- Scrolling thumbnail viewer
Supporting components, grouped in main component folder, include:
- Asset Preview for loading photo or video
- Tags Input for adding tags to tag manager
- Editor toolbar for choosing selection style
Components may be viewed in a browser using Storybook by cloning the repo and running npm run storybook
We welcome issues and pull requests into the project. We ask that you follow these simple guidelines:
Issues
- Look for duplicate issues & comment on thread if experiencing something similar
- Fill in template information (platform, OS, version, screenshots, etc.)
Pull Requests
- Find an issue to work on, or create a new one
- Fork repo, make sure you have latest changes from v2
- Create branch following naming convention:
git checkout -b issue-<###>-<short-description> - Write code
- Add unit tests
- Verify linting and unit tests by running npm test
- Update docs if needed
- Rebase on master and resolve conflicts
- Submit PR to master branch
Try to keep PRs small to decrease the time required to review and merge
- Create PR to bump version number in
package.json - Merge PR
- Pull latest
master - Tag
masterwith syntaxv*, push taggit checkout master git pull git tag v0.2.10 git push origin v0.2.10
- Pipeline will automatically publish to NPM
Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.microsoft.com.
This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.