Styled Component

Curated collection of Styled Component related resources.

medium.com

Creating Truly Universal React Component Systems

Announcing styled-components / primitives, an experimental entry point combining styled-components and react-primitives Creating truly universal React components that can be rendered on the web and in React Native is hard. There are…

Read the full story⇀
medium.com

Is CSS-in-JS Really Bad for UX?

I’ve been reading a lot of misconceptions regarding CSS-in-JS performance implications and how it can be harmful for user experience. In a nutshell, the message they all are delivering is that JS…

Read the full story⇀
Sponsored

Flywheel

Improve Your Workflow With a Simple Local WordPress Development Environment

When you’re developing WordPress sites, a solid local development environment can make all the difference between a successful day building beautiful things and a frustrating day spent debugging. Learn why developing locally is so important, and discover the best free app to help you get started!

Download it for free today!⇀
medium.com

Announcing 💅 Styled-Components v2: A Smaller, Faster Drop-in Upgrade With Even More Features

After a six month long iteration process and over 300 commits we’re super excited to announce the official release of styled-components v2! TL;DR Half the bundle size, (22kB → 12kB) thus much…

Read the full story⇀
medium.com

A Unified Styling Language

In the past few years we’ve seen the rise of CSS-in-JS, emerging primarily from within the React community. This, of course, hasn’t been without its controversies. Many people, particularly those already intimately…

Read the full story⇀
sitepoint.com

How to Style React Components With Styled-Components

While many aspects of building applications with React have been standardized to some degree, styling is one area where there are still a lot of competing options. Each has its pros and…

Read the full story⇀
medium.com

Animating SVG With Styled-Components

A couple of months ago we started rebuilding our educational platform at Eedi. As we love experimenting with new technologies we decided to use styled-components to help us with styling our components.…

Read the full story⇀
medium.com

Stop Using CSS in JavaScript for Web Development

CSS isn’t going anywhere. A lot of the projects choose to style documents in JavaScript for wrong reasons. This article lists common misconceptions (myths) and the existing CSS solutions to those problems.…

Read the full story⇀
medium.com

CSS in Javascript: The Future of Component Based Styling

This week, I want to introduce you to the concept of CSS in Javascript with Aphrodite by Khan Academy. Aphrodite lets you use Javascript to inline styles. The motivation behind adopting inline…

Read the full story⇀
pusher.com

From CSS Preprocessors to Styled Components

In this lightning talk we'll speak about moving from CSS preprocessors to styled components, and how you can achieve more maintainable styling in your React project today.

Read the full story⇀
pusher.com

Jest Styled Components

Michele has recently released a small library that allows you to seamlessly use Styled Components with Jest's snapshot testing. In this lightning talk he's going to demo it. Hello, everyone. I'm Michele.…

Read the full story⇀

Get the most interesting design and frontend stories from our curation every day or week.