Building Design Systems With React

Articles & Tutorials

Introducing Base Web, Uber’s New Design System for Building Websites in React (eng.uber.com)
Apr 16, 2019
Uber assembled a dedicated design and engineering team to come up with a universal system, which resulted in the Base Web design system.
  • Nadiia Dmytrenko
  • Chase Starr
  • Gergely Nemeth

Video Guides & Talks

Scalable Design Systems with TypeScript (youtube.com)
May 01, 2019
This session explores creating living documentation for design systems, ensuring consistent documentation at all times using TypeScript.
  • Tejas Kumar
A practical guide to building your design system infrastructure (youtube.com)
May 01, 2019
This practical guide shows how to apply existing development tools to your system and what is the value you can get.
  • Varya Stepanova
Designing with React (youtube.com)
Apr 24, 2019
In this talk, we'll look at the current state of design and development, and where we could go—if we're willing to push for it.
  • Mark Dalgleish
Secrets to a Successful Design System (youtube.com)
Dec 17, 2018
In this talk, you'll learn how to pitch a design system to your boss, rarely discussed technical caveats and challenges, and how to set your design system up for success from the start.
  • Monica Lent
Nordic.js 2018 - Building a Design System in React (youtube.com)
Dec 12, 2018
This talk will take you through our journey to Polaris. An overview of what a design system is, why you would want one, and how we built ours at Shopify. I will give you a behind the scenes look into the technologies and patterns we used to build the system. React, TypeScript, CSS modules, markdown, and how they all come together to build something that both designers and developers will enjoy using.
  • Dominic McPhee
We Need To Talk About Our Frontend Workflow (youtube.com)
Mar 20, 2018
Building high quality interfaces that are consistent across products is hard. Fear not, Design Systems with React is the solution!

Courses & Video Series

React for Design (react.design)
Feb 11, 2019
This is a course built specifically for designers looking to use React for interface design.
  • Philip Davis

Podcast Episodes

Style Guides in React with Sara Vieira (realtalkjavascript.simplecast.fm)
Jan 22, 2019
John and Dan are joined by Sara Vieira to discuss the benefits of creating style guides for the apps you're building in React.

Libraries

antd (ant.design)43748
v3.18.1
May 13, 2019
An enterprise-class UI design language and React implementation.
  • Benjy Cui
  • Wei Zhu
evergreen-ui (evergreen.segment.com)7561
v4.15.0
Mar 30, 2019
Evergreen React UI Framework by Segment.
  • Jeroen Ransijn
  • Roland Warmerdam
styled-system (jxnblk.com)3358
v4.1.0
Mar 28, 2019
Responsive, theme-based style props for building design systems with React.
  • Brent Jackson
  • John Otander