Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
CSS in JavaScripto, the anti-pattern that is good
Search
Igor Halfeld
October 12, 2019
Programming
1
89
CSS in JavaScripto, the anti-pattern that is good
Igor Halfeld
October 12, 2019
Tweet
Share
More Decks by Igor Halfeld
See All by Igor Halfeld
Modular monoliths with fastify
igorhalfeld
0
180
How to migrate legacy frontend?
igorhalfeld
1
120
Patterns for perfect components in Vue.js
igorhalfeld
0
110
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
52
Step by step I followed a career in software
igorhalfeld
0
700
Using AI to create memes
igorhalfeld
0
520
Deninho, the TS children
igorhalfeld
1
210
Micro Front-ends, what they don't tell you
igorhalfeld
0
380
Front-end Clean Architecture
igorhalfeld
2
280
Other Decks in Programming
See All in Programming
[FEConf 2025] 모노레포 절망편, 14개 레포로 부활하기까지 걸린 1년
mmmaxkim
0
1.6k
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
taitotnk
0
840
AI時代のUIはどこへ行く?
yusukebe
18
8.8k
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
430
GitHubとGitLabとAWS CodePipelineでCI/CDを組み比べてみた
satoshi256kbyte
4
220
もうちょっといいRubyプロファイラを作りたい (2025)
osyoyu
1
420
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
thagikura
0
140
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
500
Testing Trophyは叫ばない
toms74209200
0
860
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
260
複雑なドメインに挑む.pdf
yukisakai1225
5
1.1k
Design Foundational Data Engineering Observability
sucitw
3
190
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Docker and Python
trallard
45
3.6k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
The Pragmatic Product Professional
lauravandoore
36
6.9k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
112
20k
Facilitating Awesome Meetings
lara
55
6.5k
Transcript
CSS in JavaScripto O anti-pattern que deu certo
Por que Anti-Pattern?
None
Quais os problemas do CSS?
Manutenibilidade Escalabilidade Regras de CSS são globais
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
Igor Halfeld Software Engineer & Consultancy igorluiz.me - @IgorHalfeld
Como resolver o problema? Precisamos evoluir o CSS junto com
a web…
Vamos resolver o problema com javascript, o que pode dar
errado?
Afinal o javascript já resolveu uns problemas do HTML.
None
Virgulas CamelCase Números Strings
Como usar?
CSS Inline
Bibliotecas! JSS, Glamor e Styled Components
JSS
Glamor
Styled C.
DEMO
Obrigado! igorluiz.me/talks - @IgorHalfeld