1.
GEORGE BUKHANOV
@NothernEyes
northerneyes

2.
Better language
LESS, SASS, STYLUS

3.
Better CSS
OOCSS, BEM, SMACSS

4.
GLOBAL STYLES ARE PURE EVIL

5.
CSS MODULES

6.
What is CSS Modules?
Framework?, - No.
Library?, - No.
Special language?, - No.

7.
Webpack gives you CSS Modules for free

8.
NO GLOBAL CSS

9.
EXAMPLES

10.
Original CSS Generated by CSS Modules

11.
Original CSS Generated by CSS Modules

12.
Original CSS Generated by CSS Modules

13.
Really easy to use...

14.
...or in React

15.
Webpack is magic

16.
More magic for Production

17.
Original CSS Obfuscation for free

18.
WHAT ABOUT GLOBAL STYLES?

19.
PostCSS

20.
EXAMPLES

21.
THEMEABLE COMPONENTS

22.
Blue theme

23.
White theme

24.
Landing theme

25.
One more thing...

26.
SERVER RENDERING

27.
CSS-MODULES-REQUIRE-HOOK

28.
server/index.js

29.
CSS Modules config

30.
FIN
@NothernEyes
northerneyes