JavaScript Ramblings

Sign in Subscribe

Latest

3 ways to test mapStateToProps and mapDispatchToProps

You already know that you shouldn't actually test the result of calling connect (the connected component) - as Redux already makes sure the behaviour of connect is correct. Instead, you test your wrapped component separately, by exporting it as a named export. But what about mapStateToProps and mapDispatchToProps? This is

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