More documentation for newbies

Hi. Thanks for your great work. I’m fairly new to React and I want to use this library for one of my project. I run the below command and everything has been installed successfully.

npm install react-image-annotate

But here is the problem. I don’t know how/where to use these lines to run the editor:

import ReactImageAnnotate from "react-image-annotate"
const App = () => (
  <ReactImageAnnotate
    selectedImage="https://example.com/image1.png"
    taskDescription="# Draw region around each face\n\nInclude chin and hair."
    images={[{ src: "https://example.com/image1.png", name: "Image 1" }]}
    regionClsList={["Man Face", "Woman Face"]}
  />
)

Any help would be appreciated. Thanks.

[seveibar]

@ameer I introduced some additional documentation in 357beae to the README that I hope helps you understand how you can manipulate react-image-annotate for your application.

[seveibar]

You’ll need to define the onExit function. What do you want to do with the output? If you want to save it, you’ll need to save it somewhere. Many people save to the cloud, some save to local storage.

The warning is a minor issue, nothing to worry about.