React components bake HTML semantics into their implementation. Take this Title component example:
While this isn’t a particularly interesting or robust component, it will help illustrate a useful concept. This component creates an HTML h1 element, applies a className prop set to "title" to style it, and then allows…
One of the most common questions I hear when discussing CSS best practices is “what unit should I use?” Most of us think and speak in terms of pixels but the px unit is rarely the best choice. Here’s how this all breaks down:
TL;DR
- Use
%,fr, andflex-growunits…
In this post, I aim to answer two questions:
- What is BEM?
- How should BEM be applied to styling React components?
BEM is an acronym for Block Element Modifier. It’s not a framework or library. It is but a small piece of a larger CSS architecture puzzle. Specifically, BEM is…
