This is a summary of interesting articles I found and read this week. You can follow along during the week on Twitter with the #UIengineering hashtag and in the UIengineering subreddit.
Pattern Library First: An Approach For Managing CSS
Rachel Andrew wrote this practical article about building up a pattern library:
CSS can be hard to manage across a project, especially when you need to include media queries for various breakpoints and fallbacks for older browsers. In this article, we will take a look at using Fractal to manage components which use CSS Grid.
Design Systems at GitHub
Diana Mounter manages the Design System team at GitHub. In this article she shares their story of how they started out, evolved the system and scaled their team.
Defining Component APIs in React
Brent Jackson shares his learnings from building components. Even though the examples are made with React, most of them can be applied to other component libraries as well:
The following is a collection of thoughts, opinions, and advice for defining component APIs that are meant to be more flexible, composable, and easier to understand.
Components and concerns
Jeremy Keith reflects separation of concerns when building components:
In the case of pages, asking “what is the core functionality?” will help you come up with a good URL. With components, asking “what is the core functionality?” will help you come up with a good name …