Annotations are a wonderful way to show first-time users how things work in your application. With the help of annotations, users can identify what each element in your app does, thus eliminating the need to hunt through the details themselves.
This App shows a small demonstration on how to create annotations in React.
- Use this app and trigger the annotation when your element comes into viewport using scroll events.
- Store annotation trigger state in browser (hint: LocalStorage) so that user can see the annotation only once, during his/her first visit.