Epichat
Level 0 - Render Props
Use render props to make the MessageLayout component render a list and an Input for messages
Bonus: add a toggle button that will change the MessageLayout Theme.
Level 2 - HOC and login
Write a Higher Order Component that will conditionnaly render your MessageLayout OR the Login layout based on the isLoggedIn
property in state
Level 3 (bonus) - Hack it
Use the base logic to make a fun app
Resource:
you might use Ant.Design to improve this app https://ant.design