CSS in JavaScripto, the anti-pattern that is good - Speaker Deck

Tweet

Tweet

Slide 1

Slide 1 text

CSS in JavaScripto O anti-pattern que deu certo

Slide 2

Slide 2 text

Por que Anti-Pattern?

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Quais os problemas do CSS?

Slide 5

Slide 5 text

Manutenibilidade Escalabilidade Regras de CSS são globais

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

Como resolver o problema? Precisamos evoluir o CSS junto com a web…

Slide 9

Slide 9 text

Vamos resolver o problema com javascript, o que pode dar errado?

Slide 10

Slide 10 text

Aﬁnal o javascript já resolveu uns problemas do HTML.

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

Virgulas CamelCase Números Strings

Slide 13

Slide 13 text

Como usar?

Slide 14

Slide 14 text

CSS Inline

Slide 15

Slide 15 text

Bibliotecas! JSS, Glamor e Styled Components

Slide 16

Slide 16 text

JSS

Slide 17

Slide 17 text

Glamor

Slide 18

Slide 18 text

Styled C.

Slide 19

Slide 19 text

DEMO

Slide 20

Slide 20 text

Obrigado! igorluiz.me/talks - @IgorHalfeld