Design Presentational Components

Once we’ve decided on the general layout of the application, we can start working on the individual presentational components that make up the interface.

Styling with CSS is an important part of defining the appearance and functionality of a UI. CSS techniques such as BEM[6] strive to organize CSS classes into components, so that adding a component class to an element endows it with a bunch of properties. React makes these techniques less useful. With React, your whole interface is made up of React components. React components are much smaller than traditional templates, so each component encapsulates a potentially reusable part of the interface. By reusing React components, you automatically reuse the styles ...

Get React for Real now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.