Explore a technical approach to building scalable and flexible design systems from scratch in this conference talk. Learn how utilizing type systems like TypeScript can address common pain points in design system development. Discover strategies for creating type-safe utilities that enhance style implementation consistency while reducing human error in large enterprise applications. Gain insights into the history of web development, the components of effective design systems, and concepts like atomic design. Examine a case study demonstrating how to achieve ease of use and maintainability in design system creation. Understand the implementation of primitive and composite types, value and property utilities, and responsive design techniques to create robust and user-friendly design systems.
Typesafe Design Systems: Building Scalable Component Libraries
Overview
Syllabus
Introduction
Introductions
Matts background
Design Systems
Scalability
Hypothesis
Goals
Outline
History
Context
History of the Web
Quality of Browsers
Mistakes
Create HTML
Poll
Design Systems Definition
Parts of a Design System
Technical Goals
Case Study
Ease of Use Maintainability
Easy to Maintain
TwoLevel Setting
Type Systems
What is the Internet
Mental Model
Atomic Design fission
Particles
Primitive Types
Composite Types
Value Utility
Property Utility
Make Responsive
Implementation Goals
Presentation
Continuity
Dont use it
Future plans
Taught by
ChariotSolutions
