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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Igor Halfeld
October 12, 2019
Programming
1
100
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
190
How to migrate legacy frontend?
igorhalfeld
1
130
Patterns for perfect components in Vue.js
igorhalfeld
0
110
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
64
Step by step I followed a career in software
igorhalfeld
0
700
Using AI to create memes
igorhalfeld
0
530
Deninho, the TS children
igorhalfeld
1
220
Micro Front-ends, what they don't tell you
igorhalfeld
0
390
Front-end Clean Architecture
igorhalfeld
2
290
Other Decks in Programming
See All in Programming
Geminiの機能を調べ尽くしてみた
naruyoshimi
0
170
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
okajun35
0
260
Lambda のコードストレージ容量に気をつけましょう
tattwan718
0
200
Python’s True Superpower
hynek
0
190
日本だけで解禁されているアプリ起動の方法
ryunakayama
0
360
Package Management Learnings from Homebrew
mikemcquaid
0
280
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
tjjh89017
0
190
Premier Disciplin for Micro Frontends Multi Version/ Framework Scenarios @OOP 2026, Munic
manfredsteyer
PRO
0
190
個人開発は儲からない - それでも開発開始1ヶ月で300万円売り上げた方法
taishiyade
0
110
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
430
nilとは何か 〜interfaceの構造とnil!=nilから理解する〜 / Understanding nil in Go Interface Representation and Why nil != nil
kuro_kurorrr
2
1k
株式会社 Sun terras カンパニーデック
sunterras
0
1.8k
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
330
40k
WENDY [Excerpt]
tessaabrams
9
36k
KATA
mclloyd
PRO
35
15k
So, you think you're a good person
axbom
PRO
2
1.9k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
92
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
120
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.4k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
12
1k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
220
Marketing to machines
jonoalderson
1
5k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
350
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