[x] Looks for information about onChange event of react-monaco-editor and monaco-editor.
[x] Define the data structure of timed changes.
[x] Create Editor component to handle functionalities.
Update Editor component.
[x] Update language based on store.
Notes:
Definition the sockets-related functionalities to send and receive data on real-time was moved to new issue #67.
Some improvements were proposed as a new issue #68.
Testing instructions for #63:
Type code into the editor without using enclosing wrap functionality from Monaco Editor (mulitple changes with different insertion ranges are not supported #68).
Play recorded editor session without typing again (readOnly property of Monaco Edtior must be further reviewed #68). Slider can be moved as desired.
https://medium.com/@joshuawcomeau/introducing-redux-vcr-cad57b37540a