styled-system logo

Build Better Component Libraries with Styled System

Introduction

A Brief Overview of Styled System

not

An Ideal Structure

types of components in a shared library

Common Problems & Styled System Solutions

Note: Brent Jackson also discusses several of the issues mentioned here.

Note: If you’re not familiar with ‘component hierarchy,’ I would recommend reading Brad Frost’s Atomic Design and Subatomic Design Systems by Daniel Eden

Conclusion

References

--

--

--

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

Recommended from Medium

Final Entry

My road from a hillbilly to a professional developer

10 Hidden Costs of Outsourcing

10 Hidden Costs of Outsourcing

Document REST APIs with SpringDoc and Grommet Swagger

Introduction to Laravel 7 for Complete Beginners

Empathy and the Software Engineer

Codable in Swift 4.0

CS371p Fall 2021: Daniel Killough

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Alan B Smith

Alan B Smith

design systems @workday

More from Medium

Create dark mode structure in React projects (using Tailwind CSS, Typescript, and Custom Hook)

Component from NPM module cannot be used as a JSX component

Document Transition API — Creating a React Hook

Building a simple and reusable Radio Group component with React