Last week I started working on the revamp of my website and blog. Since I am a front end developer who specializes in React, it made sense to go with a React-based framework.
I wrote the last version using react-static. React Static is like Gatsby — you build the app using React, and it compiles it down to static HTML.
In the two years that have passed, Gatsby has taken off and gained in popularity. I wanted to try out Gatsby and take advantage of its thriving ecosystem.
So I got to work. I ran npx gatsby new and started to work on my brand new shiny website. I soon realized that I needed to make a decision: how should I style my website?
Let’s go over the options we have. We could choose a CSS in JS library like styled-components and emotion. Or we could go with a CSS preprocessor like PostCSS.
Let’s outline some criteria. And see how these different approaches can meet these criteria. Then we can make our decision on what approach to take.
Read more
|