This video is available to students only

CSS In The Age of Components

Using CSS in this age of components is difficult, especially where web layout is concerned. In this module, you will learn the rules to be able to build composable layouts.

We have entered the age of components. Most front-end frameworks, like React, use components as their foundation. There are several reasons for this, but crucially, components allow applications to be broken into simple, single-purpose parts that can then be composed together to solve more complex needs. This is especially true when considering the layout of your web application.

CSS was not designed for components#

Unfortunately, CSS was invented to solve problems from the top down, from the general rules down to the more specific rules. A typical CSS stylesheet is probably organized something like this:


This page is a preview of Composing Layouts in React

Start a new discussion. All notification go to the author.