Explore the world of functional CSS in this conference talk from CSSconf EU 2019. Dive deep into the debate surrounding functional CSS, comparing it to other OOCSS methodologies and examining its history. Debunk or support various critiques of this approach as you follow along with a live refactoring of an application from a classic CSS model to one leveraging the tachyons.io library. Learn about the benefits and challenges of functional CSS, including its impact on performance, scalability, and development time. Discover how functional CSS relates to concepts like separation of concerns, design systems, and component scoping. Gain insights into rapid prototyping in the browser and practical tips for implementing functional CSS in your own projects.
Overview
Syllabus
Introduction
What is functional CSS
Classes
Lego
W100
Functional CSS
Function
Markup
Functional Programming
Separation of Concerns
Adam Lawson
Its not dry
Problems
Performance
Dev time bloat
CSS and scalability
Adams example
Scalability
Decoupling Styles
Legos
Minimize context switching
Functional Styles
Taitons
Scale
Drag queens
Traditional approach
Media queries
CDN
CSS
Reuse
Design Systems
Production
Component Scope
Prefixes
Learn CSS
Dont Import Full Library
Write Your Own CSS Component
Conclusion
Taught by
JSConf
