UML Diagram for a React Component

I was going through a page on React website about lifting the state and I just couldn’t get it into my head when I first started. (A stressful day).

As you may have seen in one of my previous posts (How to load design patterns into your head) I like to come up with creative ways of studying helped a little with my knowledge of psychology.

I thought of drawing a nice little diagram for the main component I was studying and I came up with this view.

This did help me to get the concepts of lifting state up into my head.

As a learning tool in future too I’m planning to use this method.