You have a few options when styling your React app. Besides just using a giant CSS file, you can use CSS Modules, CSS-in-JS solutions like Emotion or styled components, utility classes like TailwindCSS, or a statically extracted CSS-in-JS library like Linaria or Compiled. Let's run through all of these and you can decide which one is best for your application...
https://ericmurphy.xyz/00:00 Introduction
00:23 Importing CSS
01:44 CSS Modules
04:34 CSS-in-JS (Styled Components, Emotion)
07:33 Utility-first CSS (Tailwind)
11:30 Statically extracted CSS
13:43 My recommendation
59 Comments