CSS in JavaScripto, the anti-pattern that is good

Transcript

1. 1.

   CSS in JavaScripto O anti-pattern que deu certo

2. 2.

   Por que Anti-Pattern?

3. 3.

   None
4. 4.

   Quais os problemas do CSS?

5. 5.

   Manutenibilidade Escalabilidade Regras de CSS são globais

6. 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. 7.

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

8. 8.

   Como resolver o problema? Precisamos evoluir o CSS junto com

   a web…
9. 9.

   Vamos resolver o problema com javascript, o que pode dar

   errado?
10. 10.

    Afinal o javascript já resolveu uns problemas do HTML.

11. 11.

    None
12. 12.

    Virgulas CamelCase Números Strings

13. 13.

    Como usar?

14. 14.

    CSS Inline

15. 15.

    Bibliotecas! JSS, Glamor e Styled Components

16. 16.

    JSS

17. 17.

    Glamor

18. 18.

    Styled C.

19. 19.

    DEMO

20. 20.

    Obrigado! igorluiz.me/talks - @IgorHalfeld