CSS in JS

2bf65079a1d9d186ce41955f3152df5f?s=47 zehfernandes
February 02, 2018
Technology
1
190

CSS in JS

https://github.com/zehfernandes/cssinjs-frontendrj

2bf65079a1d9d186ce41955f3152df5f?s=128

zehfernandes

February 02, 2018
Tweet

More Decks by zehfernandes

See All by zehfernandes
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
1
390
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
2
560
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
1
510
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
20
7.1k
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
0
320
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
2
910
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
4
160
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
0
220
2bf65079a1d9d186ce41955f3152df5f?s=48 zehfernandes
2
700

Other Decks in Technology

See All in Technology
20451295e0cb4dce2b2805b2a61cd92d?s=48 tnk4on
1
330
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
4
690
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
360
A857277d74d4719f7f7751dca5ed553e?s=48 cmusudakeisuke
1
430
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
110
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
1.6k
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
120
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
120
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
190
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
130
Eebedc2ee7ff95ffb9d9102c6d4a065c?s=48 line_devday2020
0
390
96030bc60c6fc8a91f25ccda9b413b24?s=48 shqld
9
3.3k

Featured

See All Featured
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.5k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
13
1.7k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
26
1.8k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
81
3.3k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
251
11k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
192
8.4k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
223
47k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
92
13k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
114
7k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.8k
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
83
4.6k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
236
9.8k

Transcript

  1. CSS JS IN @zehf Frontend RJ 2018

  2. None
  3. None

  4. <P> <FONT SIZE="4" COLOR="RED">This would be some font broken up

    into columns</FONT> </P>
  5. None
  6. None
  7. None
  8. None
  9. None

  10. https://medium.com/maintainable-react-apps/journey-to-enjoyable-maintainable-styling-with-react-itcss-and-css-in-js-632cfa9c70d6

  11. QUAL O PROBLEMA DO CSS HOJE? Escopo Global Nomear é

    (muito) difícil Sistema de dependência (@import) Quebra silenciosamente CSS não usado

  12. CSS JS ❤

  13. COMPONENT ORIENTED STYLES

  14. slide from: https://speakerdeck.com/didoo/let-there-be-peace-on-css

  15. None
  16. None
  17. None
  18. None

  19. IMMEDIATE MODE UIs

  20. A UNIFIED STYLING LANGUAGE

  21. None
  22. None
  23. None
  24. None
  25. None

  26. ONE MORE THING

  27. Como deve ser

  28. @zehf Frontend RJ 2018 OBRIGADO