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
84
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
150
How to migrate legacy frontend?
igorhalfeld
1
110
Patterns for perfect components in Vue.js
igorhalfeld
0
100
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
46
Step by step I followed a career in software
igorhalfeld
0
690
Using AI to create memes
igorhalfeld
0
510
Deninho, the TS children
igorhalfeld
1
200
Micro Front-ends, what they don't tell you
igorhalfeld
0
370
Front-end Clean Architecture
igorhalfeld
2
270
Other Decks in Programming
See All in Programming
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
540
Amazon ECS とマイクロサービスから考えるシステム構成
hiyanger
3
470
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
110
Writing documentation can be fun with plugin system
okuramasafumi
0
110
パスキーのすべて ── 導入・UX設計・実装の紹介 / 20250213 パスキー開発者の集い
kuralab
1
170
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.7k
CloudNativePGがCNCF Sandboxプロジェクトになったぞ! 〜CloudNativePGの仕組みの紹介〜
nnaka2992
0
220
法律の脱レガシーに学ぶフロントエンド刷新
oguemon
5
690
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
11
1.7k
動作確認やテストで漏れがちな観点3選
starfish719
6
990
Open source software: how to live long and go far
gaelvaroquaux
0
550
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
47
7.3k
Side Projects
sachag
452
42k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Agile that works and the tools we love
rasmusluckow
328
21k
We Have a Design System, Now What?
morganepeng
51
7.4k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
9
1.3k
KATA
mclloyd
29
14k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.4k
Designing for Performance
lara
604
68k
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