Text Generate Effect

Also called Text Generate Effect, A Typewriter Effect is something where a piece of text constructs itself with some milliseconds in delay. You will see the text getting generated from start to finish. In this problem, create a Typewriter Effect from scratch using native React and/or Javascript functions.

Take a look at the example below

User Stories:

1. When the user clicks on the Start Generating button, the sample text should start printing word by word.
2. There has to be a delay of 10 milliseconds while adding the keywords.
3. Clicking on Reset button should reset the window to its initial state.
4. Syntax highlighting for the code is NOT IMPORTANT. You can use a simple div element to make a container as well.
5. Once the user clicks on Start Generating - clicking on it should DO NOTHING, Until and unless the user clicks on Reset - they can they be able to re-run the effect.
6. There should be no memory leaks inside of your application.
7. There should be no infinite loops inside of your application.
8. The text can be anything, It doesnt have to be a code snippet.

Helpful links

• Codemirror for syntax highlighted blocks in React
• setInterval documentation