Todo:
✔ Create TWO new components: UserInput and UserOutput @done(19-08-09 22:08)
✔ UserInput @done(19-08-09 22:08)
✔ UserOutput @done(19-08-09 22:08)
✔ UserInput should hold an input element, UserOutput two paragraphs @done(19-08-09 22:08)
✔ Output multiple UserOutput components in the App component (any paragraph texts of your choice) @done(19-08-09 22:08)
✔ Pass a username (of your choice) to UserOutput via props and display it there @done(19-08-09 22:08)
✔ Add state to the App component (=> the username) and pass the username to the UserOutput component @done(19-08-09 22:08)
✔ Pass the event-handler method reference to the UserInput component and bind it to the input-change event @done(19-08-09 22:08)
✔ Pass the event-handler method reference to the UserInput component and bind it to the input-change event @done(19-08-09 22:08)
✔ Ensure that the new input entered by the user overwrites the old username passed to UserOutput @done(19-08-09 22:08)
✔ Add two-way-binding to your input (in UserInput) to also display the starting username @done(19-08-09 22:08)
✔ Add styling of your choice to your components/ elements in the components - both with inline styles and stylesheets @done(19-08-09 22:08)