Building reusable components with React
React creates components that render themselves using their own properties (props) and states (state). Using this components you can create reusable, robust and dynamic state elements for your HTML.
The first thing you would want to do is create a mock of the screen you want to build. From here you can start by drawing boxes around every component and subcomponent you think you may need. The more you play around with React the better you will become at identifying what is a component and the best hierarchy they should follow.
I single out ...