GEORGE BUKHANOV

@NothernEyes

Ēnortherneyes

Better language

LESS , SASS , STYLUS

Better CSS

OOCSS , BEM , SMACSS

GLOBAL STYLES ARE PURE EVIL

CSS MODULES

What is CSS Modules?

Framework? , - No.

Library? , - No.

Special language? , - No.

Webpack gives you CSS Modules for free

NO GLOBAL CSS

EXAMPLES

Original CSS Generated by CSS Modules

Original CSS Generated by CSS Modules

Original CSS Generated by CSS Modules

Really easy to use...

...or in React

Webpack is magic

More magic for Production

Original CSS Obfuscation for free

WHAT ABOUT GLOBAL STYLES?

PostCSS

EXAMPLES

THEMEABLE COMPONENTS

Blue theme

White theme

Landing theme

One more thing...

SERVER RENDERING

CSS-MODULES-REQUIRE-HOOK

server/index.js

CSS Modules config

FIN

@NothernEyes

Ēnortherneyes