Handling spacing in a UI component library

Article by Chris Pearce

Building a highly consumable UI component library is no easy feat and this article will focus on one particular tricky aspect of it: outer component spacing.

Related resources

Compound React Components with Hooks + TypeScript

When writing React components, it always pays off to spend a little bit of time thinking about how another developer would use them. In this post, I'd like to dive a bit into Compound Components, a pattern for creating components that I've found to be a joy to use both as a creator and consumer. We'll [continue]

Tutorial by Martin Di Diego

The simple guide to server-side rendering React with styled-components

The goal of this guide is to share the core principles of how to use styled-components in a server side rendered React application. The beauty of styled-components really shines through when you realize how seamless it is to setup in your application. Furthermore, styled-components are easy to integrate [continue]

Article by Dennis Brotzky

Getting Started with styled-components

Up until December last year I didn't really like styling anything at all with CSS, it was a chore rather than something I enjoyed doing. This was until I started using styled-components. I want to share what I have learned so far by going through styling a basic react application. [continue]

Tutorial by Scott Spence

Learn React By Making a Countdown Timer

This guide aims to help those familiar with DOM manipulation with jQuery to learn and transition to coding in React. We will be building a countdown timer in React and comparing it to a functionally similar version built with jQuery. [continue]

Tutorial by codethesite