Modular CSS

Nowadays, lots of JavaScript frameworks and UI libraries are focusing on building UI components. With the rise of ES2015 modules and modern build tools, frontend-developers are now able to split their JavaScript codebase into smaller pieces that encapsulate their behavior and logic. And yet many projects are still putting generic class names and selectors into a huge CSS file. The fact is, styles are a part of components and deserve to be treated same way we treat JS. CSS deserves to be scoped and modular and have better tools that improve the developer experience. This talk does a short retrospective of the problems developers have with how they write, organize and bundle CSS and how they can improve it by using a better folder structure, naming conventions and local scope, post-processors like PostCSS and bundlers like webpack. Andrey will tell, how by combining the power of JavaScript and AST, developers can avoid CSS’s bad parts, embrace good ones and even use it to create a better tooling for CSS.

Talk presentation:

Download presentation.
Andrey Okonetchnikov

Andrey Okonetchnikov

Andrey is a Russian-born frontend engineer and UI-designer living in Vienna, Austria for last 8 years. He has been working on modern user interfaces using web-technologies for more than 10 years. Before that he worked as a web- and UI-designer and UX and usability expert. That combination allows him to better understand the user’s needs and create an outstanding UIs by implementing them himself. Andrey worked for companies like JetBrains, Yandex, Wildbit and many others. He is also a designer and co-creator of ColorSnapper — a macOS color picker for developers and designers. Being an active Open Source contributor he has been working on his own OSS projects like react-dropzone, lint-staged but also made contributions to the React.js core, Jest testing framework, designed PostCSS official website and wrote documentation for Webpack. Along with Nick Graf and Max Stoiber, Andrey is a co-organizer of ReactVienna community in Vienna. Andrey loves mountain biking and coffee. He’s a co-owner of “Kaffemik” — a third-wave coffee shop in the center of Vienna.