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
82
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
100
How to migrate legacy frontend?
igorhalfeld
1
78
Patterns for perfect components in Vue.js
igorhalfeld
0
97
Clean Architecture no Front-end (update 2021-05-11)
igorhalfeld
0
35
Step by step I followed a career in software
igorhalfeld
0
630
Using AI to create memes
igorhalfeld
0
480
Deninho, the TS children
igorhalfeld
1
190
Micro Front-ends, what's anyone says...
igorhalfeld
0
320
Front-end Clean Architecture
igorhalfeld
2
260
Other Decks in Programming
See All in Programming
document.write再考
brn
5
2.5k
両面どころかインフラもTSでできるよ ~ 全方位TypeScriptによるプロダクト開発 ~
myfinder
9
2.5k
LLMチャットボットのアプリケーション設計Tips
os1ma
4
660
コミュニティに参加したことで起きた変化
ohmori_yusuke
3
130
ここ1~2年くらいで 使えるようになった(主要ブラウザーの最新版 がすべて対応した ) ウェブの新機能について ランダムに喋る!
myzkyy
9
6.5k
Parallel Socket Communication in Swift
s_shimotori
0
260
受託開発でGitLab CI を活用していく
xiombatsg
1
130
App Router への移行は「改善」となり得るのか?/ Can migration to App Router be an improvement
takefumiyoshii
1
140
WasmOS: Wasmを実行する自作Microkernel
riru
0
370
自動テスト実行結果の目的を整理する / Organizing objectives of automated test results
twada
PRO
10
2.1k
Why 1 + 1 = 2 in Swift?
1plus4
1
250
デザインシステムで Tailwind CSSとCSS in JSに分散投資をしたら良かった話
fsubal
14
3.4k
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
160
13k
The Cult of Friendly URLs
andyhume
73
5.6k
Mobile First: as difficult as doing things right
swwweet
215
8.5k
Debugging Ruby Performance
tmm1
68
11k
GitHub's CSS Performance
jonrohan
1023
450k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
178
11k
Reflections from 52 weeks, 52 projects
jeffersonlam
343
19k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
319
20k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
1.9k
Music & Morning Musume
bryan
39
5.5k
Visualization
eitanlees
135
14k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
185
15k
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