💅 styled-components

Our team of three built a component library for a team of 60 designers and engineers, who love using it. Here is how that’s possible.

50% faster server-side rendering, 20% faster client-side rendering, 19% smaller bundle size, RTL support and no breaking changes! 😍💯🎉💅

Introduction

The styled-components Babel macro now has full support for the brand new css prop. Go from zero to React app with css prop in 15 seconds!

A new, convenient way to quickly style and iterate on your components and their boundaries has landed in styled-components!

After a couple weeks of beta testing styled-components v4 is now officially ready for primetime!

A brand new global styles API, native support for the “as” and “ref” props, removal of .extend, full React v16 StrictMode-compliance, tons…

CSS-in-JS is getting more and more common in the modern front-end development and especially in the React community. styled-components…

We’re going to style the basic create react app with styled-components to look something like this:

A new CSS injection mechanism means faster client-side rendering in production 🔥 and streaming server-side rendering support enables a…

Writing effective tests can be challenging. This article describes helpful patterns for testing styled-components with Jest snapshots.

Preprocessing is dead, long live preprocessing!

Interpolation tagging, TypeScript support, a shared config and much more make this our most stable release yet!

Progressively migrating your app from Sass to styled-components seems daunting, but with a couple of tips and the right tooling it’s a joy!

Motivation

Discover how to organize your React components using the component folder pattern. It will help un-clutter your projects, and your life.

Next.js is a framework for building universal React applications. Together with styled-components it’s easy to create a blog based on React…

There are several approaches on creating responsive web apps with ReactJS. Apart from using whole frameworks like Bootstrap, I wanted to…