/css-in-js-compare

A chat app implemented with two different styling methods: CSS + BEM & JSS

Primary LanguageJavaScript

css-in-js-compare

A chat app implemented with two different styling methods: CSS + BEM & JSS

Created with create-react-app

With CSS + BEM

withcss

Bundle Size

File sizes after gzip:

34.44 KB  build\static\js\1.*.chunk.js
1005 B    build\static\js\main.*.chunk.js
765 B     build\static\css\main.*.chunk.css
763 B     build\static\js\runtime~main.*.js

With JSS

withjss

Bundle Size

File sizes after gzip:

50.15 KB  build\static\js\1.*.chunk.js
1.4 KB    build\static\js\main.*.chunk.js
763 B     build\static\js\runtime~main.*.js
368 B     build\static\css\main.*.chunk.css