React: Building Modern Web Applications

Integrating all four subcomponents into one page

Having created four subcomponents—a calendar, a scratchpad, a to-do list, and a You Pick slot with a placeholder—we will now integrate them.

We start by uncommenting all the commented subcomponents in the Pragmatometer's render() method:

        <div className="Pragmatometer">
          <Calendar />
          <Todo />
          <Scratchpad />
          <YouPick />
        </div>

Our next step is to add styling, with just a bit of responsive design. At least one of the main contenders in responsive design is to simply not try to know and address each screen resolution, but to have several steps of responsiveness depending on screen width. You can see this if, for example, you have a wide desktop monitor, load http://therussianshop.com/, and progressively ...