CSS in the Age of React: How We Traded the Cascade for Consistency
![Theresa Ma, Software Engineer](/images/authors/tma.jpg)
-
Theresa Ma, Software Engineer
- Mar 5, 2018
With hundreds of engineers, developers and designers working on Yelp, ensuring visual consistency across Yelp is a challenging task. We’ve been migrating our web components from Yelp Cheetah to React to increase designer and developer productivity while ensuring visual consistency across our web app. Along the way, we built Lemon Reset - a package containing consistent, cross-browser React DOM tags, powered by CSS Modules. Since our design system components are the building blocks of our frontend, we had to port them to React as the first step before our developers could port their features. We made a lot of design...
![](/images/previews/sg-desktop.png)