This page is old.

Although the content of this page may be useful. The page was part of a migratian and may look different and unmaintained. I am working my way through, tidying them up.

🙏🖤

Patterns Day 2019 - Varya Stepanova

28th of June 2019

On This Page:

A practical guide to building your design system infrastructure

In Varya’s talk for Patterns Day 2019 they discussed a practical way of applying technologies like React with your design system.

Design System at Elisa

Library of css components
Libraries of React components
UI kit in Sketch
Shared tools and practices
Great design community
World-class front-end teams

What is Design Systems?

Often it is termed as purely component libraries, for Varya it means:

shared practices (like component libraries and documentation).
tools (for developers and designers to keep a standardised design system).
processes.
community.

To React or Not React?

React Styleguidist and Storybook are seen as things for React Libraries, great tools that can have a component playground and also be used as a documentation site.
Yet, they can also be used for not just React.
With Styleguidist, you can create the component by adding the HTML in a markdown file for the component.
Alex