Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS in JavaScripto, the anti-pattern that is good

Avatar for Igor Halfeld Igor Halfeld
October 12, 2019
Programming
1
87

CSS in JavaScripto, the anti-pattern that is good

Avatar for Igor Halfeld

Igor Halfeld

October 12, 2019
Tweet

More Decks by Igor Halfeld

See All by Igor Halfeld
Modular monoliths with fastify
Avatar for Igor Halfeld igorhalfeld
0
160
How to migrate legacy frontend?
Avatar for Igor Halfeld igorhalfeld
1
110
Patterns for perfect components in Vue.js
Avatar for Igor Halfeld igorhalfeld
0
110
Clean Architecture no Front-end (update 2021-05-11)
Avatar for Igor Halfeld igorhalfeld
0
51
Step by step I followed a career in software
Avatar for Igor Halfeld igorhalfeld
0
690
Using AI to create memes
Avatar for Igor Halfeld igorhalfeld
0
520
Deninho, the TS children
Avatar for Igor Halfeld igorhalfeld
1
200
Micro Front-ends, what they don't tell you
Avatar for Igor Halfeld igorhalfeld
0
370
Front-end Clean Architecture
Avatar for Igor Halfeld igorhalfeld
2
270

Other Decks in Programming

See All in Programming
今話題のMCPサーバーをFastAPIでサッと作ってみた
Avatar for Yuuki Shimizu yuukis
0
130
医療系ソフトウェアのAI駆動開発
Avatar for kouki.miura koukimiura
1
100
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
Avatar for Masayuki Izumi izumin5210
6
1.5k
Bedrock × Confluenceで簡単(?)社内RAG
Avatar for iharuoru iharuoru
1
120
音声プラットフォームのアーキテクチャ変遷から学ぶ、クラウドネイティブなバッチ処理 (20250422_CNDS2025_Batch_Architecture)
Avatar for Koki Senda thousanda
0
420
Boost Your Performance and Developer Productivity with Jakarta EE 11
Avatar for ivargrimstad ivargrimstad
0
860
Cloudflare Workersで進めるリモートMCP活用
Avatar for syumai syumai
5
460
REALITY コマンド作成チュートリアル
Avatar for にしうり らく nishiuriraku
0
120
はじめてのPDFKit.pdf
Avatar for shoma.kato shomakato
0
100
Embracing Ruby magic
Avatar for Vinicius Stock vinistock
2
230
設計の本質：コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
Avatar for nrs nrslib
10
3.8k
VibeCoding時代のエンジニアリング
Avatar for どすこい daisuketakeda
0
180

Featured

See All Featured
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
205
24k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
10k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
78
6.3k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
19k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
299
50k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
133
9.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
48
5.4k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
38
1.8k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
187
11k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.6k

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