CSS in JavaScripto, the anti-pattern that is good

44b9f26e2590694901195e0d038c301d?s=47 Igor Halfeld
October 12, 2019
Programming
1
63

CSS in JavaScripto, the anti-pattern that is good

44b9f26e2590694901195e0d038c301d?s=128

Igor Halfeld

October 12, 2019
Tweet

More Decks by Igor Halfeld

See All by Igor Halfeld
44b9f26e2590694901195e0d038c301d?s=48 igorhalfeld
0
75
44b9f26e2590694901195e0d038c301d?s=48 igorhalfeld
0
130
44b9f26e2590694901195e0d038c301d?s=48 igorhalfeld
1
150
44b9f26e2590694901195e0d038c301d?s=48 igorhalfeld
0
230
44b9f26e2590694901195e0d038c301d?s=48 igorhalfeld
2
210
44b9f26e2590694901195e0d038c301d?s=48 igorhalfeld
0
120
44b9f26e2590694901195e0d038c301d?s=48 igorhalfeld
2
70
44b9f26e2590694901195e0d038c301d?s=48 igorhalfeld
0
6
44b9f26e2590694901195e0d038c301d?s=48 igorhalfeld
1
35

Other Decks in Programming

See All in Programming
439ebe4787a98881df8a59d41baf4a43?s=48 ra1028
8
260
Ae276805027a01983503c3edafbdb6b2?s=48 martysuzuki
4
1.2k
B49933741d74e122bc1314b2975e9fc9?s=48 mrtc0
5
2k
7437b9552e193bb1f8ea757bf1a51175?s=48 aruneko
1
840
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
4
220
953d2907b80dd5955c561d695ea9a494?s=48 kazumanagano
1
290
4ccaadf34668c439a607c8b6083ba3b2?s=48 peaceiris
0
350
55517518e318b28906211d115c24208b?s=48 clyang
0
600
5ad0bb268dd2605b09165d464308cb7e?s=48 igaiga
2
120
3295d80faee461db1093982361256fe4?s=48 panini
0
130
82d6167c4d14393c2e20b37a74b363c5?s=48 kasacchiful
1
340
2661b52b92e28d73635638a17c96f4af?s=48 toversus
1
350

Featured

See All Featured
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
100
5.7k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
7k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
69
1.3k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
27k
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
193
15k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
775
240k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
10
590
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
399
20k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
282
18k
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
52
2.7k

Transcript

  1. CSS in JavaScripto O anti-pattern que deu certo

  2. Por que Anti-Pattern?

  3. None

  4. Quais os problemas do CSS?

  5. Manutenibilidade Escalabilidade Regras de CSS são globais

  6. Essa talk é pra te mostrar como hoje em dia

    a gente consegue resolver isso… …não é nada que o CSS não resolva, mas que junto com a DX te ajude a desenvolver

  7. Igor Halfeld Software Engineer & Consultancy igorluiz.me - @IgorHalfeld

  8. Como resolver o problema? Precisamos evoluir o CSS junto com

    a web…

  9. Vamos resolver o problema com javascript, o que pode dar

    errado?

  10. Afinal o javascript já resolveu uns problemas do HTML.

  11. None

  12. Virgulas CamelCase Números Strings

  13. Como usar?

  14. CSS Inline

  15. Bibliotecas! JSS, Glamor e Styled Components

  16. JSS

  17. Glamor

  18. Styled C.

  19. DEMO

  20. Obrigado! igorluiz.me/talks - @IgorHalfeld