Polaris: The Shopify design system with Alex Page and Yuraima Estevez
0:00 Introduction
2:27 The mission for Polaris
7:14 The internal and external teams at Shopify
11:50 Using Polaris outside of the Shopify ecosystem
13:26 How do design systems differ from component libraries?
18:00 Polaris’s visual style
20:30 Keeping Polaris up to date despite its size
22:50 Making decisions based on components
26:58 How accessibility shaped decisions
31:16 Using CSS for design systems
35:25 JavaScript’s roll in design systems
36:40 Choosing React to build Polaris
38:00 When to recommend Polaris
41:18 When should you start thinking about CSS and component libraries as a design system?
46:02 Polaris Solutions Matrix
About the episode
Polaris is Shopify's design system that helps Shopify build a great experience for all of its merchants. Alex Page and Yuraima Estevez join us to talk about their work on the Polaris design system, why we need design systems, React components, and more.
NOTE: This is the video recording of the podcast. You can listen to the audio-only version of the episode at https://podrocket.logrocket.com or wherever you get your podcasts.
LogRocket
PodRocket was created by LogRocket. LogRocket is a frontend monitoring solution that combines session replay, performance monitoring, and product analytics to help software teams create an ideal product experience. Try LogRocket pro for free: https://logrocket.com/podrocket
Links:
/ alexpage_
/ yurm04
https://polaris.shopify.com
https://www.shopify.com
https://changelog.com/jsparty/190
https://docs.google.com/spreadsheets/...