css modules
Post on 13-Jan-2017
58 Views
Preview:
TRANSCRIPT
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
top related