JavaScript Ramblings

Sign in Subscribe

CSS in JS

Server-side rendered styled-components with Nextjs

Out of the box, Next.js comes configured with styled-jsx. But what if you want to use something else for styling? I’ve recently worked on setting up Next.js with styled-components, and while it all went rather smoothly, I didn’t really understand what was going on 🙂 And if

Easy theming with CSS in JS

You read about CSS in JS and you wonder: what can this give me that I don’t already have with CSS modules? Your code is maintainable, scope is local, all is good. But what if you need theming support? And you want your users to be able to change

React theming with emotion

Step by step tutorial to setup theming with emotion

React theming with styled components

Step by step tutorial to setup theming with styled components

React theming with glamorous

Step by step tutorial to setup theming with glamorous

Migrating to styled-components cheatsheet

Choosing a styling library for a React project is hard. And when you already have an existing code base you’re considering to migrate, things get only trickier. Will you be able to convert everything? Is there a way to get a feel for how the code will look before

Should you use CSS in JS?

Well... it depends! Are you just starting out? The most important things to look at are: * simplicity * ease of debugging You want to be able to understand how CSS relates to a React component without too much "magic" happening. CSS in JS libraries usually generate class names at runtime. This